@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
} 
address{font-style:normal;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{ 
    display:block;
} 
html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	height:100%;
}
ol, 
ul, 
li{
	padding:0;
	margin:0;
	list-style: none;
}
p{margin:8px 0;} 
strong{font-weight:600;}
*:focus {
	outline:0;
} 
*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}  
h1{
	font-size:20px;
	font-weight:500; 
	margin:0;
	padding:10px 0;
}
h2{  
	font-size:18px; 
	font-weight:500; 
	margin:0;
	padding:10px 0;
	text-transform:capitalize;
}
h3{  
	margin:0;
	font-size:16px; 
	font-weight:500; 
	text-transform:capitalize;
} 
h4{ 
	margin:0;
	padding:10px 0;
	font-size:17px;
	font-weight:500;
	text-transform:capitalize;
}
h5{ 
	margin:0;
	padding:10px 0;
	font-size:14px;
	font-weight:500;
	text-transform:capitalize;
} 
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* row class */
.container{
	position:relative;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width:1200px;
  }
}    

/* row class */
.row {
	margin-right:0;
	margin-left:0;
}
 
#column-right,  
#column-left{
	display:inline-block;
}

.clear{clear:both;}

.block{display:block;}

/* after before space content */
.clear:before,
.clear:after, 
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.nav:before,
.nav:after{
  display:table;
  content:''; 
}
.clear:after, 
.container:after, 
.row:after, 
.nav:after{
	clear: both;
} 

/* media query width driver */
@media (min-width: 768px) {
  .container {
    width:750px;
  }
}
@media (min-width: 992px) {
  .container {
    width:970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width:1200px;
  }
} 

/* 10lu grid sistemi */
@media (min-width:768px) {
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10{
		float:left;
		padding-right:5px;
		padding-left:5px;
	}
	
	.col-1{width:10%;}
	.col-2{width:20%;}
	.col-3{width:30%;}
	.col-4{width:40%;}
	.col-5{width:50%;}
	.col-6{width:60%;}
	.col-7{width:70%;}
	.col-8{width:80%;}
	.col-9{width:90%;}
	.col-10{width:100%;}
	 
}

@media (min-width:992px) {
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10{
		float:left;
		padding-right:5px;
		padding-left:5px;
	}
	
	.col-1{width:10%;}
	.col-2{width:20%;}
	.col-3{width:30%;}
	.col-4{width:40%;}
	.col-5{width:50%;}
	.col-6{width:60%;}
	.col-7{width:70%;}
	.col-8{width:80%;}
	.col-9{width:90%;}
	.col-10{width:100%;}
	 
}

@media (min-width:1200px) {
	
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10{
		float:left;
		padding-right:5px;
		padding-left:5px;
	}
	
	.col-1{width:10%;}
	.col-2{width:20%;}
	.col-3{width:30%;}
	.col-4{width:40%;}
	.col-5{width:50%;}
	.col-6{width:60%;}
	.col-7{width:70%;}
	.col-8{width:80%;}
	.col-9{width:90%;}
	.col-10{width:100%;}
}

@media (max-width: 768px) {
 
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10{
		float:left;
		padding-right:5px;
		padding-left:5px;
	}
	
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-10{
		display:block;
		width:100%;  
		padding-left:7px;
		padding-right:7px;
	}
	
	.hidden-xs{
		display:none;
	} 
	
	select{margin:10px 0}
} 

/* screen width hidden lg, md, sm, xs */
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
input[type=radio], input[type=checkbox]{
   display:inline-block;
   width:15px;
   height:15px;
   border:1px solid #ccc;
} 
select[multiple],select[size]{height:auto;} 
::-moz-selection {background:#f90909; color:#fff;}
::-webkit-selection {background : #f90909;color:#fff;}
select{  
	min-width:120px; 
	-webkit-appearance:none;
	-moz-appearance:none; 
	appearance:none;
	background:url('../image/select-bg.png') right no-repeat #fff !important;
}
select > option { 
	padding:6px 8px;
	background-color:#CCC;
	cursor:pointer;
}
option:checked, option:hover {
	color:#232323;
	background:url('../image/select-option.png') #fff;
}
option:not(:checked) {
	color:#232323; 
	background-color:#fff;
}
select::-ms-expand {display:none;} 
textarea.form-control{
	display:block;
	min-width:40px;
	width:100%; 
	height:auto; 
	line-height:100%;
	padding:10px 12px;   
	background-color:#fff;
	background-image:none;
	border:1px solid #CCC;
	resize:none;
} 
.input-group {
	position: relative;
	display: table;
	border-collapse:separate;
}
.input-group[class*="col-"] {
	float: none;
	padding-right:0;
	padding-left:0; 
}
.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	min-width:40px;  
	width: 100%;
	margin-bottom: 0;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
	display:table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
	border-radius: 0;
}
.input-group-addon,
.input-group-btn{
	width:1%;
	white-space: nowrap;
	vertical-align: middle;
}
.input-group-addon { 
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #555;
	text-align: center; 
	cursor:pointer;
} 
.form-group{
	position:relative;
	margin:10px 0;
}
.form-group label{
	position:relative;
	overflow:hidden;
	max-width:100%;
	padding:6px 2px;
	font-weight:600;
} 
.form-control{
	display:block;
	width:100%; 
	height:32px;
	padding:6px 8px;
	border:1px solid #ddd;
	background-image:none;
	background-color:#fff;
	transition:border ease .3s;
}
.form-control:focus{
	border-color:#f90909;
}

hr{
	clear:both; 
	display:block;
	width:100%;
	height:1px;
	margin:0;
	border:none;
	background-color:#EEE; 
}

/* .btn button */  
.btn {
	display:inline-block;
	padding:4px 8px;
	font-size:13px; 
	line-height:1.52857143;
	text-align:center;
	color:#fff;
	white-space:nowrap;
	vertical-align:middle; 
	cursor:pointer; 
	background-image:none;
	border:1px solid #1c3f4c; 
	background-color:#166583;
}
.btn:hover, 
.btn.active{
	outline:0;
	color:#FFF; 
	border-color:#ed9c21;
	background-color:#f39200;
}
.btn-block{
	display:block;
	width:100%;
}
.btn-default {
  color: #fff;
  border-color: #000;
  background-color: #1C1C1B;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6; 
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}


/* .pull-left */
.pull-left{float:left;}

/* .pull-right */
.pull-right{float:right;}

/* .pull-none */
.pull-none{float:none;}

/* img class */
.img-responsive,

.thumbnail > img,

.thumbnail a > img{
	display:block;
	max-width:100%;
	height:auto; 
}

.img-thumbnail {
	display:inline-block;
	max-width:100%;
	height:auto;
	padding:2px;
	line-height:1.42857143;
	background-color:#fff;
	border:1px solid #CCC;
	border-radius: 4px;
	-webkit-transition:all .2s ease-in-out;
	   -o-transition:all .2s ease-in-out;
		  transition:all .2s ease-in-out;
}
  
/* thumbnail */
.thumbnail{
	position:relative;  
	overflow:hidden;
	border:1px solid #CCC;
	background-color:#fff;   
} 
  
/* module */
.module{
	position:relative;    
	margin-bottom:15px; 
}

.module h2{  
	display:block;
	padding:15px 20px;  
} 

/* banner-module */
.banner-module .thumbnail{margin-bottom:3px;}
 
/* header footer module */ 
.header-module{margin-bottom:15px;}

.header-module .thumbnail, 
.footer-module .thumbnail{
	padding:0;
	border:none;
	box-shadow:none;
	background-color:transparent;   
}
@media (min-width:1400px){
	.header-module .item img{display:block; width:100%; min-height:450px;}
}  
 
.list-inline > li{
	position:relative;
	display:inline-block;
}

.list-inline > li > a{
	display:block;
	padding:5px;
}
 
/* .hide .show class */
.hidden{display:none}

.show{display:block}

/* .text class */
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-danger{color:#f90909;}
.text-warning{color:#8a6d3b;}
.text-primary{color:#337ab7;}
.text-success{color:#090;}
.text-white{color:#fff;}
.text-pink{color:pink;}

.badge-danger{background-color:#f90909; padding:3px 7px; border-radius:50%; color:#fff;}
.badge-warning{background-color:#fcf8e3; padding:3px 7px; border-radius:50%; color:#8a6d3b;}
.badge-primary{background-color:#337ab7; padding:3px 7px; border-radius:50%; color:#fff;}
.badge-success{background-color:#090; padding:3px 7px; border-radius:50%; color:#fff;} 

/* table */
table {
	width:100%;
	max-width:100%;
	margin:15px 0;
	border-collapse:collapse;
	border-spacing:0;
	background-color: #fff;
}
table > thead > tr > td{
	font-size:12px;
	font-weight:600;
} 
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	padding:8px;
	line-height:1.42857143;
	vertical-align:top;
	border-top:1px solid #EEE;
}
table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #EEE;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
table > tbody + tbody {
	border-top: 1px solid #EEE;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding:5px;
}
.table-bordered {
	border: 1px solid #EEE;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: 1px solid #EEE;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
	border-bottom-width: 1px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
} 
 
/* dropdown-menu */
@media(min-width:767px){
	.dropdown-menu {
		position:absolute;
		min-width:160px;
		max-width:100%;
		z-index: 1;
		display:none;
		transition:all ease 5s; 
		background-color:#f9f9f9;
	}
	.dropdown:hover .dropdown-menu{
		display:block;
	}
}

/* .alert class */
.alert{
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	padding:10px;
	border:1px solid transparent;
}
.alert > p,
.alert > ul {margin:0;}
  
.alert .close{
	float:right;
	font-size:18px;
	font-weight: bold; 
	color:#000;
	text-shadow:0 1px 0 #fff; 
	opacity:.2;
}
.alert.alert-danger{
	color:#a94442;
	background-color:#f2dede;
	border-color:#ebccd1;
}
.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.cart-alert{
	position:relative;
	overflow:hidden;
	padding:20px;
	margin-bottom:15px;
	border:1px solid #ccc;
	border-left:7px solid #ccc;
	background-color:#fff;
}

/* .close class */
.close:hover,
.close:focus {
	color:#000;
	text-decoration: none;
	cursor:pointer; 
	opacity:.5;
}

/* modal */
.modal{
	position:fixed;
	overflow:hidden;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1000; 
	background-color: rgba(75,75,75,.8);
}
.modal-content{
	position:relative;  
	overflow:hidden;
	padding:15px; 
	border-radius:1px;
	border:1px soli #CCC;
	background-color:#fff;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	vertical-align:middle;
}
.modal-close{
	position:absolute;
	top:15px;
	right:15px;
	font-size:30px;
	color:#eee;
	cursor:pointer;
}
.modal-close:hover{color:#fff;}
.modal-loading{
	position:fixed;
	width:20px;
	height:20px;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-10px;
	font-size:30px;
	color:#fff;
}
@media (min-width:768px) {
	.modal-content{
		width:50%;
		margin:5% auto;
	} 
	.modal-content .img-responsive{
		margin:auto;
	}
}
@media (max-width:768px) {
	.modal-content{
		width:90%;
		margin:10% auto;
	} 
}

/* nav-tabs */ 
.nav-tabs{ 
	position:relative;
	overflow:hidden; 
	border:1px solid #CCC; 	
	background-color:#bbb;
} 
.nav-tabs > li{
	position:relative;
	float:left;
}
.nav-tabs > li > a {
	display:block;  
	padding:15px 15px;  
	color:#333;
	font-weight:600;  
	transition:background ease-in-out .2s;
}  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus { 
 	color:#101010;
	cursor:default;  
	background-color:#fff; 
	z-index:20;
}
.nav-tabs > li a:hover{ 
	color:#fff;
	background-color:rgba(0,0,0,0.3); 
}

.tab-content{
	position:relative;
	overflow:hidden;
	margin-top:-1px; 
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#fff;
}
.tab-content .tab-pane{display:none;}
.tab-content .tab-pane.active{display:block;} 

@media(max-width:768px){
	.nav-tabs{ 
		position:relative;
		overflow:hidden; 
		border:1px solid #CCC; 	
		background-color:#1C1C1B;
	} 
	.nav-tabs > li{
		position:relative;
		float:none;
	}
	
	.nav-tabs > li > a {
		display:block;  
		padding:12px 15px;  
		border-bottom:1px solid #CCC;
		color:#fff;
		font-weight:600;  
		transition:background ease-in-out .2s;
	}
	.nav-tabs > li.active a{
		background-color:#ccc;
	}
}

/* .breadcrumb */
.breadcrumb {
	position:relative;
	overflow:hidden;
	padding-left:10px;
}
.breadcrumb > li {
	position:relative;
	float:left;
}
.breadcrumb > li+ li a:before {
	padding:5px;
	font-size:14px;
	font-weight:100;
	content: ">";
}
.breadcrumb > li > a{
	display:block;
	padding:14px 0;  
	font-weight:bold;
	font-size:12px; 
	color:#555;
	text-transform:capitalize;
} 
.breadcrumb > .active a {color:red;}
 
/* refine-box */
.refine-box{
	position:relative;
	overflow:hidden; 
	min-height:40px; 
	padding:15px 15px; 
}
.refine-box span{display:block; margin-top:8px; font-size:12px; font-weight:600;}
  
/* pagination */
.pagination{
	position:relative;
	overflow:hidden;   
	padding:15px 15px; 
}
.pagination > li{
	position:relative;
	overflow:hidden;
	float:left;
}
.pagination > li > a, 
.pagination > li > span{
	display:block;
	padding:5px 10px; 
	margin-left:10px;  
	color:#111;
	border-radius:5px;
	background-color:#EEE;
}
.pagination > li > a:hover
.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > span:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span:focus {
	z-index:3;
	color:#fff;
	cursor:pointer; 
	background-color:#1C1C1B;
}

@media (max-width:768px){
	.pagination > li > a, 
	.pagination > li > span{
		display:block;
		padding:5px 5px; 
		margin-right:3px;  
		color:#111;
		background-color:#EEE;
	}
}

/* filter-group */
.filter-group{
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
} 
.filter-group li{
	position:relative;
	overflow:hidden;
	padding:5px 20px;
}
.filter-group li checkbox{
	border:1px solid #ccc;
}
 
/* .padding class */
.padding-10{padding:10px;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}
.padding-40{padding:40px;}
.padding-50{padding:50px;}

/* bg-color */
.bg-gray{background-color:#F5F5F5;}
.bg-white{background-color:#FFF;}

 
.panel {
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
	background-color:#EEE;
	border:1px solid #CCC; 
}
.panel-body {
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	padding:15px;
	background-color:#EEE; 
}
.panel-heading { 
  padding-left:15px; 
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color:inherit;
} 
.panel-default{
	border-color:#ccc;
}
.panel-default > .panel-heading {
  color: #333;
  background-color:#f5f5f5;
  border-color:#ccc;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ccc;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ccc;
} 

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}