/* 
#e00020 - czerowny 
#141516 - czarny 
#0069b2 - biebieski
#e3e4e5 - szary
*/

/* tmp START*/
body, 
html {height:100%;}
			
body {
	background:#000000;
	color:#ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	/*text-transform: uppercase;   wywalic z nizszych */ 
	
	overflow-x:hidden; 
}
			
			
.loader-body {z-index: 99999;}			
			
#header-logged {
	/* background:#141516; */ 
	-webkit-box-shadow: 0px 15px 10px -15px rgba(36,36,36,1);
	-moz-box-shadow: 0px 15px 10px -15px rgba(36,36,36,1);
	box-shadow: 0px 15px 10px -15px rgba(36,36,36,1);
	
	border:0;	
}			
.header-sticky {
	background:rgba(20,21,22,.6);
	position:absolute;
	top:0; left:0; z-index:999; width:100%; 		
}			
.header-sticky.sticked {
	background: #000000;
	/* 
	background:rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 2px 12px 0px rgba(36,36,36,1);
	-moz-box-shadow: 0px 2px 12px 0px rgba(36,36,36,1);
	box-shadow: 0px 2px 12px 0px rgba(36,36,36,1);
	*/	
}
.header-sticky.sticked .logo img {max-height:40px;}



/* news */
#container-news {padding-bottom: 22px; color: #000000;}
.news-video {padding: 0 6px; margin-top: 2em;}	
.news-video iframe {width: 100%; min-height: 680px;}	

.news-gallery {}
.pswp img {  max-width: none;  object-fit: contain;}
			
.navbar-logged {}

.navbar-logged .navbar-nav .nav-item {	
	border-left: 6px solid #e00020;
	background:#e3e4e5; background:rgba(227,228,229,.8); 
	position: relative; 
}		
.navbar-logged .navbar-nav .nav-item::before,
.btn-header::before {
	border-left: 4px solid #0069b2;
	content:"";
	position: absolute;
	left: -12px;
	top: 0;
	height: 100%; 	
}
.navbar-logged .navbar-nav .nav-item:hover {background:#e3e4e5; }
 	
.navbar-logged .navbar-nav .nav-link {
	display: flex;
	height: 100%; padding:0 0.5em;
	line-height: normal; font-size: 20px; font-style: italic; 
	align-items: center; 

	color:#e00020; font-weight:bold; 
	
}

.navbar-logged .navbar-nav .nav-link:hover {color:#0069b2}	
.navbar-logged .navbar-nav .nav-link i,
.btn-header i {color:#0069b2; margin-right: 4px;}		
.navbar-logged .navbar-nav .nav-link:hover i {color:#e00020;}	


.navbar-logged .navbar-toggler {
	border-color: #0069b2;

	background-color: #e00020;
}


#btn-header-container {}			
.btn-header {
	border-radius: 0; border:0; border-left: 6px solid #e00020;
	background:#e3e4e5; transform: skew(-14deg);
	position: relative; padding:0 0.5em; 
	color:#e00020; font-weight:800; line-height: normal; font-size:26px; font-style: italic; 
}
.btn-header:hover {background-color: #ffffff; color:#0069b2;}
.btn-header span {transform: skew(14deg);}			
.btn-header i {margin-right: 2px; }
.btn-header i::before {font-size: 26px;}		
.btn-header:hover i {color:#e00020;}

@media (max-width: 1200px) {

	.navbar-collapse.show .navbar-nav {position: absolute; }
	
}

@media (min-width: 1200px) {
	.navbar-logged .navbar-nav .nav-item {margin-right:12px;}
	
	.navbar-logged .navbar-nav .nav-item {
		transform: skew(-14deg);
	}		
	 	
	.navbar-logged .navbar-nav .nav-link {
		transform: skew(14deg);		
	}

}

			
.container-video {
	position: relative;
	overflow: hidden;	
				
	width: 100%;
	overflow: hidden;
}
.container-video video {
	position: absolute;
  	top: 50%;
 	left: 50%;
  	min-width: 100%;
  	min-height: 100%;
  	width: auto;
  	height: auto;
  	z-index: 0;
  	-ms-transform: translateX(-50%) translateY(-50%);
  	-moz-transform: translateX(-50%) translateY(-50%);
  	-webkit-transform: translateX(-50%) translateY(-50%);
  	transform: translateX(-50%) translateY(-50%);
}
				
.col-intro-txt {
	position: absolute; left: 40px; bottom: 120px; 
	width: 46%;
	
}
.col-intro-txt::before {
	content:""; position: absolute; top:0; left:0; width:100%; height: 100%; 
	background:rgba(20,21,22,.6); /* transform: skew(-14deg); 
	-webkit-box-shadow: 0px 15px 10px -15px rgba(36,36,36,1);
	-moz-box-shadow: 0px 15px 10px -15px rgba(36,36,36,1);
	box-shadow: 0px 15px 10px -15px rgba(36,36,36,1);*/ 
 }
.col-intro-txt-inside {padding: 1em; text-align: left;}
.col-intro-txt .intro-txt {font-size:1.2em;  /* font-style: italic; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);  */ position:relative; z-index: 2; }
.col-intro-txt h1 {font-size:2.2em; font-weight: 800;}
.col-intro-txt h2 {color:#e3e4e5; font-weight: 500;}


.row-link-down {position:absolute; bottom: 1em; }			
.link-down {display:block;}
.link-down::before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  
    font-family: "Font Awesome 5 Free";
    font-weight: 900; font-size:3em;
    content: "\f358";
    
	color:#e00020;
}
.link-down:hover::before {color:#0069b2;}


/*
??? body {overflow-x:hidden;} AOS
*/

#realizacja {
	border-top:4px solid #e00020;
	-webkit-box-shadow: inset 0px 12px 14px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 12px 14px -8px rgba(0,0,0,0.75);
	box-shadow: inset 0px 12px 14px -8px rgba(0,0,0,0.75);
}
#realizacja .realizacja-info { padding:5em 0;}
#realizacja .realizacja-info .card-realizacja-col {display:flex; diflex-direction: column;}

.card-realizacja {color: #141516; margin-bottom: 4em;}
.card-realizacja .card-header {position: relative; font-weight: 800;     text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
.card-realizacja .card-header .card-realizacja-header {
    background: #e00020; transform: skew(-14deg);
    border-left: 8px solid #0069b2;
    width: 80%;
    margin: 0 auto;

    padding: 1em 0;
    position: relative;
    top: -20px;
   
	-webkit-box-shadow: 4px 8px 10px -6px rgba(36,36,36,1);
	-moz-box-shadow: 4px 8px 10px -6px rgba(36,36,36,1);
	box-shadow: 4px 8px 10px -6px rgba(36,36,36,1);

}
.card-realizacja .card-header .card-realizacja-header:before{
    content: "";
    border-top: 10px solid  rgba( 255 , 0 , 0 , 0 );
    border-bottom: 10px solid #890014;
    border-left: 10px solid #890014;
    border-right: 10px solid rgba( 255 , 0 , 0 , 0 );
    position: absolute;
    right: -20px;
    top: 0;
}
.card-realizacja-header-inside {transform: skew(14deg);}
.card-number {font-size: 32px; }
.card-header-txt{font-style: italic;}

.card-realizacja .card-body {}
.card-realizacja .card-body i {margin-bottom: 1em; }
.card-realizacja .card-body i::before {font-size: 3em; color:#0069b2;}

.card-realizacja .card-text {}

.col-slider {}
.slider-news-container {border-top: 4px solid #e00020; background: #fff; padding: 40px 40px 10px 40px }
.slider-logo-container {padding:4em 2em; border-top: 4px solid #e00020; border-bottom: 4px solid #e00020; }
.slick-slide {/*overflow:hidden;*/ margin:0 14px;}
.slick-slide a {display:block;}
.slick-slide img {margin:0 auto;}


.slider-news-container .slider-news-item {}
.slider-news-container .slider-news-item .slider-news-item-img {max-height: 154px; overflow: hidden;}
.slider-news-container .slider-news-item .slider-news-item-img img {max-width:100%; height:auto;}
.slider-news-container .slider-news-item .slider-news-item-txt {color: #141516;}

.slick-prev::before, .slick-next::before {font-size:32px; color: #e00020}
.slick-prev, .slick-next {width: 30px; height: 30px;}
.slick-prev {left: -22px}
.slick-next {right:-22px}


#kontakt-info-dane {font-size: 1.6em; }
#kontakt-info-dane h2 {
	font-size: 76px;
	font-style: italic;
	line-height: 76px;
	margin: 0;
}
.kontakt-info-header-title {text-align: right;}
.kontakt-info-logo {}

.kontakt-info-adres {text-align: right;}
.kontakt-info-adres i {color:#0069b2;}

.kontakt-info-link {}
.kontakt-info-link a:hover {color: #e00020;}
.kontakt-info-link i {color: #e00020;}

#footer-mapa {
	background-color:#fff;
	position:relative; min-height:450px; overflow: hidden;
	
	line-height: 0; 
}
#footer-mapa-inside {
	

}

#footer {
	background: #e00020; padding: 0.5em 0;
	-webkit-box-shadow: inset 0px 8px 8px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 8px 8px -8px rgba(0,0,0,0.75);
	box-shadow: inset 0px 8px 8px -8px rgba(0,0,0,0.75);
}
#footer-info {text-align: left;}
#footer #projekt
{  
	display: flex;
    flex-direction: row;
	justify-content:end;
    align-items: baseline;	
}
#footer #projekt .projekt-txt {margin-right:4px; font-size:1rem; text-transform: lowercase;}
#footer #projekt .projekt-img {}

.grecaptcha-badge {
	visibility: hidden !important;
}

.grecaptcha {
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	opacity: .85;
	padding: 0;
	text-transform: none;
	text-align: left;
}

.grecaptcha a {
	text-decoration: underline;
}

.recaptcha-honeypot {
	position: absolute !important;
	left: -99999px !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	pointer-events: none !important;
}




.panel-list-img-container {
	-webkit-box-shadow: 8px 0 8px -2px #a4a4a4;
  	-moz-box-shadow: 8px 0 8px -2px #a4a4a4;
    box-shadow: 8px 0 8px -2px #a4a4a4;
}
.col-news .panel-list-img-container {
	-webkit-box-shadow: 8px 0 8px -2px #202020;
  	-moz-box-shadow: 8px 0 8px -2px #202020;
    box-shadow: 8px 0 8px -2px #202020;
}
.col-news h4 {font-size: 1.2rem;}


/* */
.quiz_card_area {position: relative; margin-bottom: 28px;}
.single_quiz_card {
    border:1px solid #343a40;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  	
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.quiz_card_title {
    display: flex;    
    align-items: center;
    justify-content: center;
    text-align:center;
    min-height: 3.2em;
    background-color: #343a40;
    
}
.quiz_card_title h3 {
    font-size: 15px;
    display:block; padding: 4px;
    color: #ffffff;
    margin-bottom: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.quiz_card_icon {
    max-width: 100%;
    min-height: 65px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quiz_card_icon_ervice-mod {background: url(../img/icons_mod/mod.png) no-repeat center center;}
.quiz_card_icon_tva {background: url(../img/icons_mod/tva.png) no-repeat center center;}
.quiz_card_icon_egr {background: url(../img/icons_mod/egr.png) no-repeat center center;}
.quiz_card_icon_burbles {background: url(../img/icons_mod/burbles.png) no-repeat center center;}
.quiz_card_icon_checksum {background: url(../img/icons_mod/checksum.png) no-repeat center center;}
.quiz_card_icon_dsg {background: url(../img/icons_mod/dsg.png) no-repeat center center;}
.quiz_card_icon_exhaust {background: url(../img/icons_mod/exhaust.png) no-repeat center center;}
.quiz_card_icon_immo_off {background: url(../img/icons_mod/immo_off.png) no-repeat center center;}
.quiz_card_icon_lambda_off {background: url(../img/icons_mod/lambda_off.png) no-repeat center center;}
.quiz_card_icon_launch {background: url(../img/icons_mod/launch_control.png) no-repeat center center;}

.quiz_card_icon_antilag {background: url(../img/icons_mod/antilag.png) no-repeat center center;}
.quiz_card_icon_coldstart {background: url(../img/icons_mod/cold-start.png) no-repeat center center;}
.quiz_card_icon_evap  {background: url(../img/icons_mod/evap.png) no-repeat center center;}
.quiz_card_icon_flap  {background: url(../img/icons_mod/flaps.png) no-repeat center center;}
.quiz_card_icon_popcorn {background: url(../img/icons_mod/popcorn.png) no-repeat center center;}

.quiz_card_icon_dpf  {background: url(../img/icons_mod/dpf.png) no-repeat center center;}
.quiz_card_icon_hotstart {background: url(../img/icons_mod/hot-start.png) no-repeat center center;}
.quiz_card_icon_dtcoff {background: url(../img/icons_mod/dtc-off.png) no-repeat center center;}
.quiz_card_icon_gpfopfoff {background: url(../img/icons_mod/gpf-opf-off.png) no-repeat center center;}
.quiz_card_icon_speedlimiter {background: url(../img/icons_mod/speed-limit.png) no-repeat center center;}
.quiz_card_icon_kickdownoff {background: url(../img/icons_mod/kickdown-off.png) no-repeat center center;}
.quiz_card_icon_liftshift {background: url(../img/icons_mod/no-lift-shift.png) no-repeat center center;}
.quiz_card_icon_ori {background: url(../img/icons_mod/ori-request.png) no-repeat center center;}
.quiz_card_icon_adblueoff {background: url(../img/icons_mod/adblue.png) no-repeat center center;}
.quiz_card_icon_sapoff {background: url(../img/icons_mod/sap-off.png) no-repeat center center;}
.quiz_card_icon_startstop {background: url(../img/icons_mod/start-stop.png) no-repeat center center;}
.quiz_card_icon_airbagreset {background: url(../img/icons_mod/dtc-off.png) no-repeat center center;}
.quiz_card_icon_bmsreset {background: url(../img/icons_mod/checksum.png) no-repeat center center;}
.quiz_card_icon_oilpress {background: url(../img/icons_mod/hot-start.png) no-repeat center center;}
.quiz_card_icon_adbluelimit {background: url(../img/icons_mod/adblue.png) no-repeat center center;}
.quiz_card_icon_torquelimit {background: url(../img/icons_mod/speed-limit.png) no-repeat center center;}
.quiz_card_icon_actoff {background: url(../img/icons_mod/start-stop.png) no-repeat center center;}
.quiz_card_icon_agsoff {background: url(../img/icons_mod/flaps.png) no-repeat center center;}
.quiz_card_icon_virginimmo {background: url(../img/icons_mod/immo_off.png) no-repeat center center;}
.quiz_card_icon_pinimmo {background: url(../img/icons_mod/immo_off.png) no-repeat center center;}
.quiz_card_icon_tempclt {background: url(../img/icons_mod/cold-start.png) no-repeat center center;}
.quiz_card_icon_noxoff {background: url(../img/icons_mod/lambda_off.png) no-repeat center center;}


.quiz_checkbox {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    cursor: pointer;
}
.quiz_checkbox:hover ~ .single_quiz_card {border: 1px solid #e00020;}  
.quiz_checkbox:hover ~ .single_quiz_card .quiz_card_content .quiz_card_title {background-color:#e00020; color: #ffffff;}
.quiz_checkbox:hover ~ .single_quiz_card .quiz_card_icon::before {color:#343a40; }
.quiz_checkbox:checked ~ .single_quiz_card {border: 1px solid #e00020;}
.quiz_checkbox:checked:hover ~ .single_quiz_card {border: 1px solid #e00020;}

.quiz_checkbox:checked ~ .single_quiz_card .quiz_card_content .quiz_card_title {background-color:#e00020; color: #ffffff;}
.quiz_checkbox:checked ~ .single_quiz_card .quiz_card_content .quiz_card_title h3 {color: #ffffff;}
.quiz_checkbox:checked:hover ~ .quiz_card_title {border: 1px solid #e00020;}

.quiz_checkbox:checked ~ .single_quiz_card .quiz_card_content .quiz_card_icon::before {content: "\f00c"; color:#e00020;}

#service-mod-stage {color: #ffffff;}
/* */

#addOrderForm .vehicle-desc select {height: 40px;}
#addOrderForm .vehicle-desc .input-group-text {min-width: 188px;}

.tooltip-inner {background-color:#e00020; color: #ffffff;}

/* wywalic */
.popover-header {background-color: #e00020; color: #fff; font-size: 0.8rem; font-weight: 600;}
.popover-body {background-color: #e00020; color: #fff;}
.bs-popover-auto[x-placement^="top"] > .arrow::after, .bs-popover-top > .arrow::after {border-top-color: #e00020;}
/* */

.service-mod-options {position: absolute; z-index:9999; top: -100px; left: 0; width: 100%; height: 100px; background-color: #e00020; }

.col-sidebar .logo img {max-width: 100%;}


.navbar-sidebar {}
.navbar-sidebar .navbar-nav .nav-item {}
.navbar-sidebar a,
.navbar-sidebar .btn {text-align: left; color: #fff;}
.navbar-sidebar a i,
.navbar-sidebar .btn i {padding-left: 1em;}
.navbar-sidebar a i.fa-spin {padding-left: 0; margin-left: 1em;}
.navbar-sidebar .navbar-sidebar-label {font: 2em; padding-left:  1em;}



.col-main {background-color:#f5f5f5 !important; color: #000000; padding-bottom: 100px;}



.panel-container .card {/* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */}
.panel-container .card .card-header {text-transform: uppercase; font-weight: 600;}
.panel-container .loginForm .input-group-text {min-width: 200px;}
.panel-container .loginForm textarea {min-height: 140px;}

.panel-container .form-center input {text-align: center;}
.panel-container .form-center .form-control::placeholder {text-align: center;}



.panel-container .nav-panel-orders {}
.panel-container .nav-tabs .nav-link {background-color: #545b62; border: 0; }
.panel-container .nav-tabs .nav-link:hover {background-color:#343a40;}
.panel-container .nav-tabs .nav-link.active {background-color:#e00020; color: #fff;}


.panel-list-img-container {max-height: 154px; overflow: hidden;}
.panel-list-img {width: 100%; height: auto;}




/* Accordion */
.accordion {}
.accordion .accordion-header {
	cursor: pointer; position:relative;
    font-size: 20px; font-weight: normal;
	padding:0.2em 2em 0.2em 0.5em;

}
.accordion .accordion-header:hover {color:#FFFFFF;}
.accordion .accordion-header::before {
    /*display: inline-block; 
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f275";*/
}
.accordion .accordion-header::after {
	position:absolute; right:10px; top: 50%; transform: translateY(-50%);
	display: inline-block; 
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f13a";
}
.accordion .accordion-header-active {background-color: #676a6d; transition: all .4s ease;}
.accordion .accordion-header-active::after {
	position:absolute; right:10px; top: 50%; transform: translateY(-50%);
	display: inline-block; 
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f410";
}
.accordion .accordion-body {padding:1em 0.5em;}
.accordion .show .accordion-body {background-color: #676a6d;}
/* Accordion END */
.col-faq {
	
}
#start-faq {
	padding:1em 2em 1em 4em;
	
}
#faq-accordion .card-header {}
#faq-accordion .card-header h3 {}
#faq-accordion .card-header .btn {font-size: 1em; text-transform: uppercase; color: #e00020; text-align: left;}


/* */
.value-button {}
.value-button:hover {cursor: pointer;}
input#number {}
input#number:focus {
  box-shadow: none;
}

.col-intro-txt-inside { /* max-width: 88%; */ }
.col-intro-txt .intro-txt {/* color: #0069b2; */}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.col-intro-txt .intro-txt {font-size:1em;} 
	
	#footer-mapa {
	background-color:#fff;
	position:relative; min-height:450px; overflow: hidden;
	margin-left:-12%; border-right: 4px solid #e00020; 
	line-height: 0; transform: skew(-14deg);
	}
	#footer-mapa-inside {
		position:absolute; top:0; left:10%; width:100%; 
		transform: skew(14deg)
	}	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.col-intro-txt .intro-txt {font-size:1.2em;} 
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.col-intro-txt .intro-txt {font-size:1.2em;} 
	.card-realizacja {margin-bottom: 3em;}
}



/* tmp END*/

		 


html, body {
	font-family: 'Arial';
}

a, a:hover, a:focus, a:visited {
	text-decoration: none;
	color: inherit;
}

*:focus {
	outline: none;
}

.table {
	margin-bottom: 0;
}

.top-bar {
	background: url(../img/topbar.jpg) no-repeat center center;
	width: 100%;
	height: 43px;
	color: #fff;
	padding-top: 8px;
	font-size: 14px;
}

.list-table img {
	cursor: pointer;
}

.saveall {
	margin-bottom: 50px;
	background: #0061a1 !important;
}

.top-bar span.icon {
	margin-right: 8px;
}

.top-bar span.text {
	position: relative;
	top: 2px;
}

.top-bar .contact-info {
	padding-right: 30px;
}

.promo-text p {
	margin: 0;
    position: sticky!important;
    top: 0px!important;
}

/*
.promo-text .promo-box {
	background: #fff;
	padding: 8px 15px;
	color: red;
	font-size: 16px;
	font-weight: 500;
}
*/
.promo-text .promo-box {
    background: rgba(255, 255, 255, 0.8);
    padding: 8px 15px 3px 15px;
    margin: 0px;
    color: red;
    font-size: 15px;
    font-weight: 500;
    display: block;
    width: 100%;
    z-index: 9999;
    border-bottom: solid 1px #FF0000;
    border-radius: 0px 0px 15px 15px;
    animation: glowing 1500ms infinite;
}

.promo-text .promo-box:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.is-sticky {
    position: fixed;
    top: 0px;
    left: 0px;
}

@keyframes glowing {
    0% { background-color: #FFFFFF; box-shadow: 0 0 3px #FFFFFF; }
    50% { background-color: #FFFFFF; box-shadow: 0 3px 13px #FF0000; }
    100% { background-color: #FFFFFF; box-shadow: 0 0 3px #FFFFFF; }
}

.top-bar .add-tokens {
	margin-left: 30px;
}

header {
	border-bottom: solid 2px #000;
}

.top-menu {
	margin-top: 20px;
}

.top-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.top-menu ul li {
	float: left;
	margin-left: 15px;
}

.top-menu ul li a {
	color: #000;
	font-size: 13px;
}

.top-menu ul li a img {
	margin-top: -3px;
}
/*
section {
	padding: 100px 0;
}
*/
.user-input {
	border-radius: 0;
	/* height: 40px;
	font-size: 13px; */
}
/*
textarea.user-input {
	height: 120px;
	margin-top: 10px;
	padding-top: 10px;

}

#loginForm label {
	margin-top: 8px;
}
 */
.form-options {
	padding: 0 15px;
}

.register-link {
	color: #d82525;
	font-weight: 400;
	font-size: 13px;
	text-decoration: underline;
}

.recover-password-link {
	color: #333;
	font-weight: 500;
	font-size: 13px;
	text-decoration: underline;
}
/*
.user-input[type=submit] {
	background: #d82525;
	padding: 8px 30px;
	color: #fff;
	border-radius: 3px;
	border: 0;
	height: auto;
}

section.add-order {
	margin-bottom: 30px;
	border-radius: 8px;
	border: solid 1px #ddd;
	padding-left: 55px !important;
	padding-right: 20px !important;
}
*/
.more-descr {
	color: #666;
}

section.add-order.vehicle-type {
	background: #f7f8f9 url(../img/vehicle_type.png) no-repeat left top;
	height: auto;
	width: 100%;
	padding: 40px 0;
	/*margin-top: 100px;*/
}

section.add-order.vehicle-desc {
	background: #f7f8f9 url(../img/vehicle_description.png) no-repeat left top;
	height: auto;
	width: 100%;
	padding: 40px 0;
}

section.add-order.vehicle-service {
	background: #f7f8f9 url(../img/service_chose.png) no-repeat left top;
	height: auto;
	width: 100%;
	padding: 15px 0;
}

section.add-order.vehicle-additional-info {
	background: #f7f8f9 url(../img/additional_info.png) no-repeat left top;
	height: auto;
	width: 100%;
	padding: 15px 0;
}

.vehicle-type .vehicle-icon-wrapper {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
}

.vehicle-type .vehicle-icon {
	position: relative;
}

.vehicle-type input {
	margin-top: 80px;
	margin-bottom: 30px;
}

.vehicle-type .vehicle-icon.cars {
	background: url(../img/order_icons/car.png) no-repeat;
	width: 105px;
	height: 39px;
	margin: 0 auto;
}

.vehicle-type .vehicle-icon.motorcycles {
	background: url(../img/order_icons/motorcycle.png) no-repeat;
	width: 80px;
	height: 47px;
	margin: 0 auto;
}

.vehicle-type .vehicle-icon.trucks {
	background: url(../img/order_icons/truck.png) no-repeat;
	width: 123px;
	height: 57px;
	margin: 0 auto;
}

.vehicle-type .vehicle-icon.agro {
	background: url(../img/order_icons/agro.png) no-repeat;
	width: 75px;
	height: 53px;
	margin: 0 auto;
}
.vehicle-type .vehicle-icon.boats {
	background: url(../img/order_icons/boat.png) no-repeat;
	width: 143px;
	height: 57px;
	margin: 0 auto;
}

.vehicle-type h3.heading {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #111;
}

#cars:checked + .vehicle-icon-wrapper .cars {
	background: url(../img/order_icons/car_hover.png) no-repeat !important;
}

#motorcycles:checked + .vehicle-icon-wrapper .motorcycles {
	background: url(../img/order_icons/motorcycle_hover.png) no-repeat !important;
}

#trucks:checked + .vehicle-icon-wrapper .trucks {
	background: url(../img/order_icons/truck_hover.png) no-repeat !important;
}

#agro:checked + .vehicle-icon-wrapper .agro {
	background: url(../img/order_icons/agro_hover.png) no-repeat !important;
}

#boats:checked + .vehicle-icon-wrapper .boats {
	background: url(../img/order_icons/boat_hover.png) no-repeat !important;
}

#col5 {
	width: 20%;
}
/*
.vehicle-service input[type=checkbox] {
	width: 25px;
	height: 25px;
}
*/
.vehicle-service label {
	display: inline-block;
	font-size: 16px;
	position: relative;
	top: -6px;
	padding-left: 10px;
}

.vehicle-service .row {
	margin-bottom: 15px;
}

.vehicle-service .col-md-4 > label {
	margin: 0;
	top: 0;
	padding-left: 0px;
}

.checkbox, .radio {
	margin: 0;
}

.red-descr {
	color: red;
}

label.error {
	color: red;
	font-weight: 300;
	font-size: 13px;
	margin-top: 5px;
	padding-left: 0 !important;
}

.my-orders .heading {
	background: #f7f8f9;
	border: solid 1px #ddd;
	padding: 3px;
	color: #000;
	font-size: 14px;
	margin-bottom: 30px;
}

.list-table tr td {
	color: #7f7f7f;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	vertical-align: middle;
	border-top: 0;
}

.list-table tr td.post-date {
	color: #ff0000;
}

.list-table tr td.id {
	width: 10%;
}

.list-table tr td.post_date {
	width: 10%;
}

.list-table tr td.description {
	width: 60%;
}

.list-table tr td.status {
	width: 10%;
	text-align: right;
}

.list-table tr td.vehicle-type {
	width: 10%;
}

.list-table tr td.vehicle-type img {
	width: 50%;
}

.orders-filter {
	margin-bottom: 20px;
}

.orders-filter label {
	margin-top: 10px;
	font-size: 14px;
	margin-left: 20px;
}

.orders-filter input[type=submit] {
	width: 100% !important;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.nopadding {
	padding: 0;
}

.order-statuses img {
	margin-right: 50px;
}

.order-statuses {
	margin-bottom: 50px;
}

.order-info-wrapper {
	padding: 5px;
}

.order-info-wrapper.grey {
	background: #f5f5f5;
}

.order-info-wrapper.normal {
	background: #fff;
}

.order-info-wrapper .vehicle-info {
	color: #7f7f7f;
}

.download {
	color: #336699;
	text-decoration: underline;
}

.order-comments {
	margin-top: 50px;
}

.order-comments .order-comment {
	margin-bottom: 15px;
}

.order-comments .order-comment .comment-date {
	color: #4c4c4c;
}

.order-comment .user-note {
	color: #336699;
}

.order-comment .change-status .order-comment .admin-note {
	color: red;
}

.order-comment .comment-description {
	color: #7f7f7f;
	line-height: 22px;
}

.order-comment .attached-file {
	color: #336699;
}

.token-count {
	color: #d82525;
	font-weight: bold;
}

.payment .your-tokens {
	color: #d82525;
	font-weight: bold;
}

.payment-heading {
	background: #f3f3f3;
	padding: 8px;
	color: #000;
	font-size: 14px;
	margin-bottom: 30px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	margin: 0;
	position: relative;
}

.payment label {
	font-size: 16px;
	/*margin-bottom: 30px;*/
}

.payment .checkbox {
	/*margin-left: 100px;*/
	font-size: 16px;
}

.vehicle-service label.error {
	display: none;
}

label.error {
	display: none;
}

.payment input[name=token_count] {
	/*margin-left: 100px;*/
	width: 100%;
}

.payment .tokens-info small {
	/*margin-left: 100px;*/
	margin-top: 15px;
}

.payment small {
	
	display: inline-block;
	color: #7f7f7f;
}

.payment .totals {
	margin-top: 30px;
}

.payment .totals input {
	margin-top: 15px;
}

.vehicle-service .col-md-4 {
	margin-bottom: 15px;
}

.admin-panel .services-list .service-row, .admin-panel .users-list .user-row, .admin-panel .orders-list .order-row {
	margin-bottom: 30px;
	background: #e2e2e2;
	padding: 15px;
	border-radius: 5px;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0 !important;
	margin-bottom: 5px;
}

.bg-success, .bg-error {
	padding: 10px;
	font-size: 15px;
	font-weight: bold;
	margin: 15px 0;
}

.chat {
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-bottom: 30px;
}

.change-status {
	color: green;
}

.admin-note {
	color: red;
}

.notification {
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 40px;
}

table tr td.id {
	position: relative;
}

@keyframes fading {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes fading {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fading {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fading {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.fading-buy {
   -webkit-animation: fading 1s infinite;
   -moz-animation: fading 1s infinite;
   -o-animation: fading 1s infinite;
    animation: fading 1s infinite;
}