/*
  Author:  Mr. Winz
  Date: 18-5-2017 1:26:50 pm
 */

 a {
	text-decoration: none;
	}
	
	body {
	padding-top: 50px;
	}
	
	#main {
		margin: 20px 0px;
	}
	
	.intro-header {
	background-color: #808080;
	background: no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	margin-bottom: 0px;
	overflow:hidden;
	}
	
	hr.small {
	max-width: 100px;
	margin: 15px auto;
	border-width: 4px;
	border-color: white;
	}
	
	@media (max-width: 992px) {
		.container {
			padding-left: 15px;
			padding-right: 15px;
		}
	}
	
	#footer {
	width: 100%;
	position: relative;
	float: left;
	background-color: #e9eff6;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
	.navbar-header .logo {
	width: auto;
	height: 38px;
	margin-top: 5px;
	}
	
	/*Sliders css*/
	.rslides {
		position: relative;
		float: left;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	.rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 0;
	}
	
	.rslides li:first-child {
		position: relative;
		display: block;
		float: left;
	}
	
	.rslides img {
		display: block;
		height: auto;
		float: left;
		width: 100%;
		border: 0;
	}
	/*----------------------------------------------*/
	
	
	.box-border {
		border: 1px solid #cccccc;
	}
	
	@media (max-width: 560px) {
		body {
			padding-top: 100px;
		}
		.navbar-header .navbar-brand {
			position: relative;
			float: left;
			width: 100%;
			text-align: center;
			align-content: center;
		}
		.navbar-custom-menu {
			margin-top: 50px;
		}
		.intro-header .widget-user-username {
			font-size: 18px;
		}
		.intro-header .widget-user-desc {
			font-size: 12px;
		}
		.content-header p .follow {
			display: none;
		}
		.user-info .description-header {
			font-size: 14px;
		}
		.user-info .description-text {
			font-size: 11px;
		}
	
	}
	
	.description-text a {
		color: inherit;
	}
	
	.description-text a:hover {
		color: #7095b1;
	}
	
	#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
		color: #7095b1;
		margin-top: 5px;
	}
	
	#main hr {
		margin: 5px;
	}
	
	.game-play-status {
		text-decoration: blink;
	}
	
	.selected {
		border: 1px solid #000000;
		box-shadow: 0px 0px 3px #000000 inset;
	}
	
	.item-list {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	.item-list > .item-wrap {
		width: 25%;
		float: left;
		padding: 10px;
		text-align: center;
		color: inherit;
		text-decoration: none;
	}
	.item-list > .item-wrap:hover {
		border: 1px solid #CAD3C8;
	}
	.item-list > .item-wrap > img {
		max-width: 100%;
		height: auto;
	}
	.item-list > .item-wrap > .brand {
		display: block;
		font-family: Roboto,Helvetica,Arial,sans-serif;
		font-weight: 400;
		font-size: 11px;
		line-height: 15px;
		color: #404040;
		border-bottom: 1px solid #e9e9e9;
		margin: 4px 0;
		padding-bottom: 4px;
		text-align: left;
	}
	.item-list > .item-wrap > .name {
		display: block;
		font-family: Roboto,Helvetica,Arial,sans-serif;
		font-weight: bold;
		font-size: 13px;
		line-height: 17px;
		color: #000;
		margin: 3px 0 5px 0;
		text-align: left;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		max-height: 2.824em;
	}
	.item-list > .item-wrap > .price-box {
		display: block;
		margin-bottom: 3px;
		white-space: normal;
		text-align: left;
	}
	.item-list > .item-wrap > .price-box > .price {
		font-family: Roboto,Helvetica,Arial,sans-serif;
		font-weight: 400;
		font-size: 13px;
		line-height: 17px;
		color: #202020;
	}
	.item-list > .item-wrap > .price-box > .price.exp {
		color: #606060;
		font-size: 9px;
		font-weight: 400;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.item-list > .item-wrap > .free-data {
		display: block;
		margin-bottom: 3px;
		white-space: normal;
		font-size: 9px;
		color: #F97F51;
		text-align: left;
	}
	.item-list > .item-wrap > .delivery {
		display: block;
		margin-bottom: 3px;
		white-space: normal;
		font-size: 12px;
		color: #202020;
		text-align: left;
	}
	@media (max-width: 767px) {
		.item-list > .item-wrap {
			width: 50%;
		}
	}
	
	@media (max-width: 480px) {
		.item-list > .item-wrap {
			width: 100%;
			border-bottom: 1px solid #e9e9e9;
		}
		.item-list > .item-wrap > img {
			max-width: 25%;
			height: auto;
			float: left;
		}
		.item-list > .item-wrap > .brand {
			float: right;
			width: 75%;
		}
		.item-list > .item-wrap > .name {
			float: right;
			width: 75%;
		}
		.item-list > .item-wrap > .price-box {
			float: right;
			width: 75%;
		}
		.item-list > .item-wrap > .price-box > .price {
			font-family: Roboto,Helvetica,Arial,sans-serif;
			font-weight: 400;
			font-size: 13px;
			line-height: 17px;
			color: #202020;
		}
		.item-list > .item-wrap > .price-box > .price.exp {
			color: #606060;
			font-size: 9px;
			font-weight: 400;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.item-list > .item-wrap > .free-data {
			float: right;
			width: 75%;
		}
		.item-list > .item-wrap > .delivery {
			float: right;
			width: 75%;
		}
	}
	.detail > .preview {
		text-align: center;
	}
	.detail > .preview > img {
		width: 100%;
		height: auto;
	}
	.detail > .details-wrapper {
		background-color: inherit;
	}
	.detail > .details-wrapper > .brand {
		display: block;
		float: right;
		color: #000000;
		font-size: 16px;
		margin-bottom: 20px;
	}
	.detail > .details-wrapper > .title {
		font-family: inherit;
		font-weight: 500;
		line-height: 1;
		color: #606060;
		font-size: 26px;
	}
	.detail > .details-wrapper > .sub-title,
	.detail > .details-wrapper > .sub-title a,
	.detail > .details-wrapper > .sub-title a:visited {
		font-size: 12px;
		color: #909090;
	}
	.detail > .details-wrapper > .sub-title {
		margin: 0;
		float: left;
	}
	.detail > .details-wrapper > .detail-features {
		float: left;
		width: 100%;
		margin-top: 10px;
		border-top: 1px solid #e9e9e9;
		margin-bottom: 20px;
	}
	.detail > .details-wrapper > .detail-features > .key-features {
		display: block;
		padding: 10px 0 0 0;
		margin: 0 0 10px;
		font-size: 16px;
		font-weight: 600;
	}
	.detail > .details-wrapper > .features {
		display: block;
		font-size: 13px;
		padding-bottom: 20px;
	}
	.detail > .details-wrapper > .details-footer {
		float: left;
		width: 100%;
		clear: both;
		border-top: 1px solid #e9e9e9;
		padding: 10px 0 0 0;
		margin: 0 0 10px;
	}
	.detail > .details-wrapper > .details-footer > .price-box {
		float: left;
		width: 50%;
		margin-top: 5px;
	}
	.detail > .details-wrapper > .details-footer > .price-box > .price {
		display: inline-block;
		color: #000;
		vertical-align: top;
		margin-bottom: 10px;
		line-height: 1;
		font-size: 28px;
		font-weight: bold;
	}
	.detail > .details-wrapper > .details-footer > .price-box > .price.exp {
		display: inline-block;
		padding: 3px 0;
		margin-right: 5px;
		color: gray;
		font-size: 12px;
		font-weight: 400;
	}
	.detail > .details-wrapper > .details-footer > .action {
		float: right;
		text-align: center;
		max-width: 50%;
		margin-top: 5px;
	}
	.detail > .details-wrapper > .details-footer > .promotion-content {
		float: left;
		width: 100%;
		font-size: 14px;
	}
	@media (max-width: 480px) {
		.detail > .details-wrapper > .title {
			font-size: 18px;
		}
	}
	
	.customers-header {
		border-bottom: 1px solid #ddd;
		position: relative;
		text-align: center;
		margin-bottom: 25px;
	}
	.customers-header > .headline {
		font-size: 18px;
		line-height: 40px;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		display: inline-block;
		color: #000;
		background-color: #fff;
		margin: 0;
		height: 40px;
		padding: 0 20px;
		font-weight: 500;
	}
	.sum {
		max-height: 35vh;
		overflow-y: auto;
	}
	.prod_sum {
		display: -ms-flexbox;
		display: flex;
	}
	.brdb {
		border-bottom: 1px solid #f0f0f0;
	}
	.-plm {
		padding-left: 8px !important;
	}
	.-pbs {
		padding-bottom: 6px !important;
	}
	.-prm {
		padding-right: 8px !important;
	}
	.-pts {
		padding-top: 6px !important;
	}
	.prod_sum > .col-s {
		width: 23%;
	}
	.-mts {
		margin-top: 6px !important;
	}
	.prod_sum > .col-l {
	
		margin-left: 8px;
		-ms-flex: 1;
		flex: 1;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
	
	}
	.-ellipsis-2 {
		overflow: hidden;
		text-overflow: -o-ellipsis-lastline;
		text-overflow: ellipsis;
		display: block;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		max-height: 2.824em;
	}
	.-mtxl {
		margin-top: 16px !important;
	}
	.-plm {
		padding-left: 8px !important;
	}
	.-prm {
		padding-right: 8px !important;
	}
	.price_row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: end;
		align-items: flex-end;
	}
	.-pbm {
		padding-bottom: 8px !important;
	}
	.price_col-desc {
		-ms-flex: 1;
		flex: 1;
		word-wrap: break-word;
	}
	.price_col-value {
		width: 45%;
		text-align: right;
	}
	.total {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 10px 0px;
	}
	.brdt {
		border-top: 1px solid #f0f0f0;
	}
	.-fs-14 {
		font-size: 14px;
	}
	.-mtxxl {
		margin-top: 20px !important;
	}
	.-upp {
		text-transform: uppercase;
	}
	.-fwm {
		font-weight: 500;
	}
	.m-gd-wrapper {
		width: 100%;
		height: 550px;
	}
	.m-gd-wrapper .m-gd-item {
		background: #fff;
		padding: 10px;
		margin-bottom: 6px;
		border-radius: 2px;
		font-size: 12px;
		line-height: 15px;
		color: #9CA0AB;
		float: left;
		width: 100%;
	}
	.m-gd-wrapper > .m-gd-item > .i-title {
		padding: 8px 0;
		float: left;
		width: 100%;
	}
	.m-gd-wrapper > .m-gd-item > .i-title .t-light {
		color: #0D9737;
		font-size: 16px;
		line-height: 19px;
	}
	.m-gd-wrapper > .m-gd-item > .i-title > .t-right {
		line-height: 19px;
	}
	.m-gd-wrapper > .m-gd-item > .i-main {
		padding: 4px 0 10px;
		float: left;
		width: 100%;
	}
	
	/*
	 * Preloader
	 *-----------*/
	
	#preloader {
	
		position: fixed;
	
		top: 0;
		left: 0;
	
		z-index: 3000;
	
		width: 100%;
		height: 100%;
	
		-webkit-animation: 10s preloaderAnimation infinite;
		-o-animation: 10s preloaderAnimation infinite;
		animation: 10s preloaderAnimation infinite;
	}
	
	#preloader .loader {
	
		position: absolute;
	
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	
		margin: auto;
		z-index: 1000001;
	
		width: 220px;
		height: 110px;
	
		text-align: center;
	}
	
	#preloader .loader img {
		display: inline-block;
	}
	
	#preloader .loader span {
		display: block;
		margin-top: 30px;
		color: #fff;
		font-size: 18px;
		text-align: center;
		text-shadow: 1px 0 1px rgba(0, 0, 0, .3);
	}
	
	@keyframes preloaderAnimation {
	
		0% {
			background: #b0e055;
		}
	
		25% {
			background: #f3cf81;
		}
	
		50% {
			background: #ff9ee2;
		}
	
		75% {
			background: #656ce7;
		}
	
		100% {
			background: #5ad6d9;
		}
	
	}
	
	.asset-caption {
		width:90%; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; bottom: 5%; border-radius:10px; border:1px solid #fff; box-shadow:0px 0px 10px #fff inset; background-color:#000; padding:5px 10px; color:#fff;
	}
	
	#nav-link li a:hover{
		background: none !important;
		font-weight: bolder;
	}
	.banner {
		border-radius: 0px 0px 50px 50px;
	}
	.button1 {
		background-color: #ffffff;
		border-radius: 20px;
		padding: 20px 10px;
		font-size: 16px;
	}
	.button1 i {
		font-size: 24px;
		margin-right: 5px;
	}
	.button1:hover {
		font-weight: bolder;
		box-shadow: 0px 0px 10px #cccccc inset;
		cursor: pointer;
	}
	@media screen and (max-width: 768px) {
		.button1 {
		  font-size: 12px; /* Font size for mobile devices */
		}
		.banner {
			border-radius: 0px;
		}
	}
    #loader {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 10000;
        justify-content: center;
        align-items: center;
    }
    
    #loader i {
        font-size: 50px;
        color: #333;
    }
    
    #loader h5 {
        margin-top: 10px;
        color: #333;
        font-size: 18px;
    }

    .btn-orange {
        color: #fff;
        background-color: #f9670e;
        border-color: #e05d0d;
      }
      .btn-orange:focus,
      .btn-orange.focus {
        color: #fff;
        background-color: #d9560c;
        border-color: #a94308;
      }
      .btn-orange:hover {
        color: #fff;
        background-color: #d9560c;
        border-color: #b8490a;
      }
      .btn-orange:active,
      .btn-orange.active,
      .open > .dropdown-toggle.btn-orange {
        color: #fff;
        background-color: #d9560c;
        border-color: #b8490a;
      }
      .btn-orange:active:hover,
      .btn-orange.active:hover,
      .open > .dropdown-toggle.btn-orange:hover,
      .btn-orange:active:focus,
      .btn-orange.active:focus,
      .open > .dropdown-toggle.btn-orange:focus,
      .btn-orange:active.focus,
      .btn-orange.active.focus,
      .open > .dropdown-toggle.btn-orange.focus {
        color: #fff;
        background-color: #b8490a;
        border-color: #a94308;
      }
      .btn-orange:active,
      .btn-orange.active,
      .open > .dropdown-toggle.btn-orange {
        background-image: none;
      }
      .btn-orange.disabled:hover,
      .btn-orange[disabled]:hover,
      fieldset[disabled] .btn-orange:hover,
      .btn-orange.disabled:focus,
      .btn-orange[disabled]:focus,
      fieldset[disabled] .btn-orange:focus,
      .btn-orange.disabled.focus,
      .btn-orange[disabled].focus,
      fieldset[disabled] .btn-orange.focus {
        background-color: #f9670e;
        border-color: #e05d0d;
      }
      .btn-orange .badge {
        color: #f9670e;
        background-color: #fff;
      }
      
    .btn-purple {
        color: #fff;
        background-color: #5A55AD;
        border-color: #4e4896;
    }

    .btn-purple:focus,
    .btn-purple.focus {
        color: #fff;
        background-color: #4e4896;
        border-color: #3d397b;
    }

    .btn-purple:hover {
        color: #fff;
        background-color: #4e4896;
        border-color: #3e3a7f;
    }

    .btn-purple:active,
    .btn-purple.active,
    .open > .dropdown-toggle.btn-purple {
        color: #fff;
        background-color: #4e4896;
        border-color: #3e3a7f;
    }

    .btn-purple:active:hover,
    .btn-purple.active:hover,
    .open > .dropdown-toggle.btn-purple:hover,
    .btn-purple:active:focus,
    .btn-purple.active:focus,
    .open > .dropdown-toggle.btn-purple:focus,
    .btn-purple:active.focus,
    .btn-purple.active.focus,
    .open > .dropdown-toggle.btn-purple.focus {
        color: #fff;
        background-color: #3e3a7f;
        border-color: #3d397b;
    }

    .btn-purple:active,
    .btn-purple.active,
    .open > .dropdown-toggle.btn-purple {
        background-image: none;
    }

    .btn-purple.disabled:hover,
    .btn-purple[disabled]:hover,
    fieldset[disabled] .btn-purple:hover,
    .btn-purple.disabled:focus,
    .btn-purple[disabled]:focus,
    fieldset[disabled] .btn-purple:focus,
    .btn-purple.disabled.focus,
    .btn-purple[disabled].focus,
    fieldset[disabled] .btn-purple.focus {
        background-color: #5A55AD;
        border-color: #4e4896;
    }

    .btn-purple .badge {
        color: #5A55AD;
        background-color: #fff;
    }
      
    .btn-darkblue {
        color: #fff;
        background-color: #273c75;
        border-color: #1e315f;
    }
    .btn-darkblue:focus,
    .btn-darkblue.focus {
        color: #fff;
        background-color: #16274c;
        border-color: #0d1b34;
    }
    .btn-darkblue:hover {
        color: #fff;
        background-color: #16274c;
        border-color: #142248;
    }
    .btn-darkblue:active,
    .btn-darkblue.active,
    .open > .dropdown-toggle.btn-darkblue {
        color: #fff;
        background-color: #16274c;
        border-color: #142248;
    }
    .btn-darkblue:active:hover,
    .btn-darkblue.active:hover,
    .open > .dropdown-toggle.btn-darkblue:hover,
    .btn-darkblue:active:focus,
    .btn-darkblue.active:focus,
    .open > .dropdown-toggle.btn-darkblue:focus,
    .btn-darkblue:active.focus,
    .btn-darkblue.active.focus,
    .open > .dropdown-toggle.btn-darkblue.focus {
        color: #fff;
        background-color: #142248;
        border-color: #0d1b34;
    }
    .btn-darkblue:active,
    .btn-darkblue.active,
    .open > .dropdown-toggle.btn-darkblue {
        background-image: none;
    }
    .btn-darkblue.disabled:hover,
    .btn-darkblue[disabled]:hover,
    fieldset[disabled] .btn-darkblue:hover,
    .btn-darkblue.disabled:focus,
    .btn-darkblue[disabled]:focus,
    fieldset[disabled] .btn-darkblue:focus,
    .btn-darkblue.disabled.focus,
    .btn-darkblue[disabled].focus,
    fieldset[disabled] .btn-darkblue.focus {
        background-color: #273c75;
        border-color: #1e315f;
    }
    .btn-darkblue .badge {
        color: #273c75;
        background-color: #fff;
    }
      
    .nav-tabs-custom.tab-orange > .nav-tabs > li.active {
        border-top-color: #f9670e;
    }
    .nav-tabs-custom.tab-darkblue > .nav-tabs > li.active {
        border-top-color: #273c75;
    }
    .nav-tabs-custom.tab-purple > .nav-tabs > li.active {
        border-top-color: #9b59b6;
    }
    
	/*--------------------------------------------------------------------------------------------------------------------