/*

seda1	#f6f7f8
seda	#f7f8f8

zelena skin #83bb00

tm seda #636363 
(txt menu)

vinova var(--second-color)
*/



* {
	margin: 0px;
	padding: 0px;
	box-sizing:border-box;
}


body, div, input, select, textarea, td, ul, li, button {
	margin: 0px; padding: 0px;
	font-family: Arial, helvetica, sans-serif; font-weight: 400; 
}

body, input, select, textarea, td, button {
	
	font-size: 14px; line-height: 19px;
	
}


ol, ul, li {	margin: 0px;	padding: 0px;	list-style-type: none;}
img {	border: 0px;}
.cleaner, .clear, .mcleaner {	font-size: 0px;	height: 0px;	line-height: 0px;}
.cleaner, .clear {	clear: both;}
.auto-clear:after {content: ''; display: table; height: 0px; width: 100%; clear: both; }
.hidden {	display: none;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

/* COMMON */
a {	outline: none;	text-decoration: none;}
a:hover {	text-decoration: underline;}


/* LAYOUT */

.weball { margin: auto; padding: 0 30px; }

main {min-height: 300px;}


header {text-align: center; border-top: solid 18px gray; margin-bottom: 30px;}
/*
header .logo {margin: 30px 0 40px; height: 120px; background: url(images/top-sk-1.jpg) no-repeat center center; background-size: auto 100% ; }

header .logo a {display: block; width: 100%; height: 100%; }
*/

#topbanner {
    width: calc(100% - 480px);
    height: 183px;
    display: block;
    float: left;
	clear: none;
	border: 0px;
	margin: 0px;
	margin-right: 130px;
	margin-top: 20px;
	padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;  
	background-image: url("/images/topbanner.jpg");
	background-position: center center; 
	background-repeat: no-repeat;
	background-size: contain;   
}

#header{
    display: block;
    float: left;
    clear: both;
    overflow: hidden;
    height: 225px;
    width: 100%;
}
#logo{
    display: block;
    float: left;
    clear: none;
    height: 176px;
    width: 212px;
    padding: 0px;
    border: 0px;
    margin-right: 10px;
    margin-top: 27px;
    margin-left: 0px;           
    text-decoration: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#contactbox{
	position:absolute;
	right: 0px;
	top: 56px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: rgba(255,255,255,0.9);
	padding: 10px 20px;
	box-shadow: -1px 1px 5px rgba(0,0,0,0.2);
	color: #636363;	 
	font-size: 16px;
	text-align: left;
}

.contactico{
	width: 20px;
	height: 20px;
	margin: 5px 10px 0px 0px;
	vertical-align: bottom; 
}

#contactbox a{
    color: #9ccc3c;
    font-weight: bold;
}

#contactbox a.button_header{
	display: inline-block;
	background-color: #01bcf1;
	border-radius: 10px;
	color: #fff;
	padding: 5px 10px;
	font-weight: bold;
	margin: 10px;
	margin-left: 30px;	
	text-decoration: none;
}

#contactbox a.button_header img.contactico{
	margin-top: 0px;
}

nav.main {}

/*
nav ul {}
nav ul li {font-size: 25px; display: inline-block; margin: 0 20px;}
nav ul li:first-child {margin-left: 0;}
nav ul li:last-child {margin-right: 0;}
nav ul li a {color: #636363; display: block; padding: 10px 8px 15px; border-bottom: solid 3px gray;}
nav ul li a.active {}
nav ul li a:hover {text-decoration: none;} 

nav.main a.menu-pop {}
nav.main.open a.menu-pop {}
*/

main {min-height: 520px;}

.sidebar-left, 
.sidebar-right {max-width: 301px; min-height: 500px; background: #FFF;

 }	/*!!*/  



footer { margin-top: 50px;}
footer .servisy {background: #f7f8f8; padding: 21px 0;}
footer .servisy h2 {font-size: 18px; text-transform: uppercase; line-height: 28px; margin-bottom: 10px; text-align: center;}

footer .servisy .columns {}	 

.servisy ul {column-count: 2;}
.servisy ul li {font-size: 14px; line-height: 20px; display: block; color: #000; padding-top: 4px; padding-bottom: 4px; xtext-align: right; white-space: nowrap; text-align: center;} 
.servisy ul li a {color: #000; }

footer .footer {background: gray; font-size: 16px; color: #FFF; line-height: 26px; padding: 15px;}
footer .footer span {display: block;}
footer .footer .disclaimer {line-height: 18px; font-size: 14px;margin-top: 10px;}
.footer a {color: #FFF;}



/* CONTENT ********************************/

.content {padding: 9px;}

section.graybg {background: #f7f8f8;}


a.button {display: inline-block; font-size: 15px; color: #FFF !important; font-weight: bold; background: #636363; border-radius: 6px; height: 33px; line-height: 17px; padding: 8px 10px 6px; text-transform: uppercase;   
}
a.button:hover {text-decoration: none; }

.banner {margin-bottom: 22px;}
.banner img {width: 100%; border-radius: 7px;}

.sidebar h2 {font-size: 20px; font-weight: bold; color: #FFF; background-color: gray; line-height: 20px; padding: 17px 0 13px; text-align: center; text-transform: uppercase; margin-bottom: 20px;}
.sidebar h2 a{
	display: block; color: #fff;
} 

.sidebar h2 a:hover{ text-decoration: none; }

.svoz {font-size: 20px; font-weight: bold; text-transform: uppercase; color: gray; padding: 18px 10px 12px 93px; height: 50px; line-height: 20px; 
margin: 0 0 14px 28px;
}
.svoz.ico-transport {background: url(images/ico-transport-g.png) no-repeat 0px center;}
.svoz.ico-repair {background: url(images/ico-repair-g.png) no-repeat 14px center;}
.svoz.ico-deliver {background: url(images/ico-deliver-g.png) no-repeat 15px center;}
.svoz-objednat {text-align: center; margin-top: 26px;}

.svoz-objednat a.button {width: 185px; margin: 0 auto 25px; max-width: 100%;}


.recenze {border: solid 1px #e7e7e7; border-radius: 9px; padding: 20px 15px; }
.recenze h2 {background: none; padding: 0;}
.recenze .item {font-size: 15px; font-style: italic; margin-bottom: 20px;}
.recenze .item:last-child {margin-bottom: 0px;}
.recenze .item .name {display: block; text-align: right; margin-top: 10px;}

ul.kontakt {margin-left: 20px;}
ul.kontakt li {display: block; font-size: 17px; color: #000; padding: 1px 0 3px 36px; height: 22px; line-height: 20px; margin: 0 0 6px; background: no-repeat 0px center; background-size: 22px 22px}
ul.kontakt li a {color: #000; white-space: nowrap;}
ul.kontakt li.ico-tel {background-image: url(images/ico-tel-1.png) ;}
ul.kontakt li.ico-mail {background-image: url(images/ico-mail-1.png) ;}
ul.kontakt li.ico-web {background-image: url(images/ico-web-1.png) ;}


h1 {font-weight: bold; font-size: 28px; color: var(--skin-color); text-align: center; margin-bottom: 26px;}


/* cenik */

.table {display: table;}
.table .row {display: table-row;}
.table .cell {display: table-cell;}

 
.table.cenik {width: 100%; margin-bottom: 30px;}
.table.cenik .row:nth-child(2n+1) {background-color: #f6f7f8;}
.table.cenik .cell {padding:8px 9px 7px;}
.table.cenik .row:nth-child(2n+1) .cell {height: 55px;}
.table.cenik .row:nth-child(2n) .cell {padding: 13px 9px 12px; height: 65px;}
.cenik .nazev {font-size: 18px; font-weight: bold; padding-bottom: 2px;}
.cenik .popis {font-size: 14px; font-style: italic; }
.cenik .cena {text-align: right; font-size: 18px; font-weight: bold; white-space: nowrap;}

.table.cenik .row.akce .nazev,
.table.cenik .row.akce .cena {color: var(--second-color);}

/*
.table.cenik .sticker {float: left; width: 92px; height: 39px; color: #FFF; font-size: 18px; font-weight: bold; background: var(--second-color) url(images/arrow-tip.png) no-repeat right;
margin-right: 19px; text-transform: uppercase; text-align: center; line-height: 39px; padding-right: 4px;
}
*/

.table.cenik .row.akce .cell:first-child:before {content: 'akce'; display: block; float: left; width: 92px; height: 39px; color: #FFF; font-size: 18px; font-weight: bold; background: url(images/arrow-tip.png) no-repeat right; background-color: var(--second-color); 
margin-right: 19px; text-transform: uppercase; text-align: center; line-height: 39px; padding-right: 4px;
}  
  






/* WSW ************************************/

.wsw {font-size: 15px; color: #000;}
.wsw h2 {font-size: 20px; font-weight: bold; margin-bottom: 15px; color: var(--skin-color);}
.wsw h3 {font-size: 18px; font-weight: bold; margin-bottom: 15px; color: var(--skin-color);}
.wsw h4 {font-size: 15px; font-weight: bold; margin-bottom: 15px;}
.wsw p {font-size: 15px; line-height: 25px; margin-bottom: 15px;}

.wsw hr,
hr.wsw {border: none; height: 3px; background: var(--skin-color); width: 100%; display: block; margin: 12px auto 24px;}

.wsw a {color: var(--skin-color);}

.wsw ul {display: block; margin: 0; padding: 0 0 15px 1.25rem;}
.wsw ul li {display: block; margin: 0; padding: 0 0 8px 0; }
.wsw li::before { display: inline-block; content: ''; -webkit-border-radius: 0.375rem; border-radius: 0.375rem;
    height: 0.75rem; width: 0.75rem; margin-right: 0.5rem; margin-left: -1.25rem;
    background-color: var(--skin-color);
}

@media (min-width: 576px) {
	.wsw .blok50 {width: calc(50% - 4px); display: inline-block; vertical-align: top; padding-right: 20px;}
}




/***************************************/


/* [~SM] Small devices (mobile only) */
@media (max-width: 575px) {
	.container { }
	.weball {width: 100%; }

	.sidebar-left, 
	.sidebar-right { margin: 0 auto 20px; border: solid 2px rgba(0,0,0,0.05); border-width: 0 2px;}
		
}


/* [SM] Small devices (tablets, 576px and up) */
@media (min-width: 576px) {
	.container { xpadding: 0 20px;}
	.weball {width: 100%; }

 	.sidebar-left, 
	.sidebar-right { margin: 0; border: 0; }



	footer .footer {font-size: 16px; line-height: 30px; padding: 15px;}
	footer .footer span {display: inline-block; }
	footer .footer span:first-child:after {content: '|'; display: inline-block; padding: 0 4px 0 10px;} 
	footer .footer span:last-child {display: block; } 
	
	
	
	footer .footer .disclaimer {line-height: 18px; font-size: 14px;margin-top: 10px;}
	footer .servisy h2 {width: 100%; font-size: 18px; line-height: 25px;}
	footer .servisy .columns {column-count: auto;}
	.servisy ul {column-count: 3;}	 
	.servisy ul li {font-size: 14px; line-height: 18px; padding-top: 3px; padding-bottom: 3px; padding-left: 0px; }


}


/*  collapsed menu - inverse lg */
@media (max-width: 767px) {
	nav {background: var(--skin-color); min-height: 40px; position: absolute; width: 100%; top:0px;}
	
	
	
	nav a.menu-pop {position: absolute; top: 5px; right: 10px; background: url(images/menu-w.svg) no-repeat center center; background-size: 17px 15px; width: 32px; height: 30px; border: solid 2px white; display: block; border-radius: 7px; cursor: pointer;}
	nav a.menu-pop.open {background: url(images/cross-w.svg) no-repeat center center; background-size: 20px 18px; }
	
	xnav>ul {display: none;padding: 20px;}
	
	nav>ul {display: none;padding: 20px 60px; background: var(--skin-color); position: fixed; top: 0px; right: 0; width: 100%;}

	nav>ul>li {font-size: 20px; display: block;  text-align: center;}
	nav>ul>li:not(:last-child) {border-bottom: solid 1px rgba(255,255,255,0.5)!important;}
	nav>ul>li>a {color: #FFF; display: block; padding: 20px 0px 17px; }
	nav>ul>li>a.active {}
	nav>ul>li>a:hover {text-decoration: none;} 

  nav>ul ul {display: inline-block; padding-bottom: 17px; margin-top: -10px;}
  nav>ul ul li {font-size: 17px; text-align: left; border-left: solid 1px rgba(255,255,255,0.7);}
  nav>ul ul li a {color: rgba(255,255,255,0.8); padding: 8px; display: block;}


  body.fixed-header nav {position: fixed; top: 0px;         }
  body.fixed-header nav>ul {position: fixed; top: 0px;} 
  
}



/* collapsed menu not xs *
@media (min-width: 576px) and (max-width: 767px), (max-height: 480px){
}*/

/* [MD] Medium devices (tablets, 768px and up) */
/* linear menu 1 */
@media (min-width: 768px)  {	
	.container { padding: 0;}
	.weball {width: 100%; margin: auto;}
	header .logo {margin: 40px 0 50px; height: 150px; }	


	nav.main {}
	
	nav>ul {display: block !important;}
	nav>ul>li {font-size: 20px; display: inline-block; margin: 0 15px; position: relative; }
	nav>ul>li:first-child {margin-left: 0;}
	nav>ul>li:last-child {margin-right: 0;}
	nav>ul>li a {color: #636363; display: block; padding: 13px 8px 10px; border-bottom: solid 3px gray;}
	nav>ul>li a.active {}
	nav>ul>li a:hover {text-decoration: none;}
	
	nav>ul ul {display: none;}
	nav>ul li:hover ul {display: block;}
	nav>ul>li>a:hover {border-bottom: solid 3px transparent;}
	  
	nav>ul ul {position: absolute; padding: 10px 5px; left: 0; top: 44px; width: 100%; background: #FFF; border: solid 1px #636363; border-radius:  0 0 7px 7px; z-index: 200;
	border-top: solid 3px var(--skin-color);
	}
	nav>ul ul li {display: block; font-size: 16px; line-height: 20px; }
	nav>ul ul li a {color: #636363; border-bottom-width: 1px; padding: 12px 5px 12px;}
	nav>ul ul li a:hover {color: var(--skin-color);}
	nav>ul ul li:last-child a {border: 0;}
	
	nav.main a.menu-pop {}
	nav.main.open a.menu-pop {}







 	.sidebar-left, 
	.sidebar-right { margin: 0; border: 0; }
	.sidebar-left {box-shadow: 3px 0 4px rgba(0,0,0,0.3);}
	.sidebar-right {box-shadow: -3px 0 4px rgba(0,0,0,0.3);}
	
	footer .footer span {display: inline-block;}
	footer .footer .disclaimer {font-size: 15px; }

}






/* SIDEBARY */

@media (min-width: 576px) and (max-width: 899px)  {
	.sidebar-left {float: left; width: 49%; box-shadow: -2px 0 4px rgba(0,0,0,0.3); padding: 20px; margin-top: 20px;}
	.sidebar-right {float: right; width: 49%; box-shadow: 2px 0 4px rgba(0,0,0,0.3); padding: 20px; margin-top: 20px;}
	.sidebars:after {content: ''; display: table; height: 1px; width: 100%; clear: both; }
	
	
}

@media (min-width: 900px)  {
	.weball { position: relative; margin: auto; width: calc(60%); padding: 0 20px;}
	.sidebar-left, .sidebar-right {max-width: 301px; width: 30%;} 
	.sidebar-left {position: absolute; top: 0px; right: calc(100% + 2.5%); padding: 20px 20px 20px 0;}
	.sidebar-right {position: absolute; top: 0px; left: calc(100% + 2.5%); padding: 20px 0 20px 20px;}
	
}

/* obsah uzkejch sidebaru */
@media (min-width: 900px) and (max-width: 1299px)  {

	/*!*/
	
	.sidebar h2 {font-size: 15px; line-height: 15px; padding: 12px 0 9px; margin-bottom: 15px;}
	.recenze {padding: 10px; }
	.sidebar .recenze h2 {font-size: 15px; line-height: 15px; padding: 12px 0 9px; margin-bottom: 5px;}


	.svoz {font-size: 15px; font-weight: bold; text-transform: uppercase; color: gray; padding: 9px 5px 6px 45px; height: 30px; line-height: 15px; 
	margin: 0 auto 10px auto; width: 140px;
	}
	.svoz.ico-transport {background-size: 32px 16px; background-position: 0px center;}
	.svoz.ico-repair {background-size: 20px 23px; background-position: 7px center;}
	.svoz.ico-deliver {background-size: 19px 24px ; background-position: 7px center;}
	
	/*
	.svoz.ico-car {background-size: 31px 63px;}
	.svoz.ico-hand {background-size: 45px 40px;}
	.svoz.ico-man {background-size: 48px 37px;}
	*/
	.svoz-objednat {text-align: center; margin-top: 26px;}
	
	/*!*/ .svoz-objednat a.button {font-size: 14px; padding: 7px 6px 4px; height: 30px;}
	
	.recenze .item {font-size: 13px; margin-bottom: 12px; line-height: 17px; }
	.recenze .item .name {margin-top: 7px;}
	
	ul.kontakt {margin: auto; width: 160px;}
	ul.kontakt li {font-size: 14px; padding: 1px 0 3px 28px; height: 20px; line-height: 20px; margin: 0 0 8px; background-size: 20px 20px;}



}

@media (min-width: 1300px) and (max-width: 1549px) {

.svoz {font-size: 20px; font-weight: bold; text-transform: uppercase; color: gray; padding: 18px 10px 12px 63px; height: 50px; line-height: 20px; 
margin: 0 auto 14px auto; width: 200px;
}

.svoz.ico-transport {background-size: 48px 24px; background-position: 0px center;}
.svoz.ico-repair {background-size: 30px 35px; background-position: 10px center;}
.svoz.ico-deliver {background-size: 30px 36px ; background-position: 10px center;}


}


/* [LG] Large devices (desktops, 992px and up) */
@media (min-width: 992px)   {
	.weball {width: calc(60%); max-width: 996px;}
	.container {width: 100%;}
	
	header .logo {margin: 50px 0 90px; height: 180px; }

	nav ul li {font-size: 25px; margin: 0 20px;}

	xfooter .footer {font-size: 18px; line-height: 30px; padding: 15px;}
	footer .servisy h2 {width: 160px; font-size: 18px; line-height: 25px; margin-right: 15px; text-align: left; margin-bottom: 0;}
	footer .servisy .columns {column-count: 4;}
	.servisy ul {column-count: auto;}	 
	.servisy ul li {font-size: 14px; line-height: 18px; padding-top: 3px; padding-bottom: 3px; padding-left: 25px; text-align: left;}
	
}                                                                                                                                                      	


/* [XL] X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)  {
	
	.weball {width: calc(60%); max-width: 996px;}
	.container {width: 100%;}
	
	footer .footer {font-size: 18px; line-height: 30px; padding: 15px;}
	footer .footer span:nth-child(2):after {content: '|'; display: inline-block; padding: 0 4px 0 10px;} 
	footer .footer span:last-child {display: inline-block; } 

	
	footer .footer .disclaimer {font-size: 18px; line-height: 30px;}
	footer .servisy h2 {width: 200px; font-size: 21px; line-height: 28px; margin-right: 20px;}
	footer .servisy .columns {column-count: 4;}	 
	.servisy ul li {font-size: 17px; line-height: 20px; padding-top: 4px; padding-bottom: 4px; padding-left: 20px; }
	
/*
	.sidebar h2 {font-size: 20px; line-height: 20px; padding: 17px 0 13px; margin-bottom: 20px;}
	.svoz.ico-car {background-size: 31px 63px;}
	.svoz.ico-hand {background-size: 45px 40px;}
	.svoz.ico-man {background-size: 48px 37px;}
*/
	
}

@media screen and (max-width: 1300px) {
    #header {
        height: auto;
    }
}





@media screen and (max-width: 1099px) {    
    #logo {
        width: 23.971%;
        margin-right: 0px;
        height: auto;
    }
    #logo img {
        max-width: 100%;
        height: auto;
    }
    
    #topbanner{
	    width: calc(100% - 402px);
	    height: 163px;
		margin-right: 40px;
		margin-top: 40px;
	}
}

@media screen and (max-width: 900px) {
    #topbanner{
	    width: calc(100% - 272px);
		margin-right: 10px;
		height: 133px;
	}
    #header{
    	min-height: 200px;
	}
}
@media screen and (max-width: 719px) {    
    #logo{
        width: 194px;
    	margin-left: 60px;   
	}
	    
    #header {
        text-align: center;
        min-height: 0px;
    }
    
    #contactbox{
    	top: 51px;
    	text-align: left;
    }
    
    #logo img {
        width: auto;
    }
    #topbanner {
        display: none;
    }
    #header {
        width: 100%;
    }
}
@media screen and (max-width: 540px) {
    #logo {
        clear: both;
        width: 100%;
        float: none;
    	margin-left: 0px;
	}
	
    #logo img {
        width: 30%;
    }
   
	#contactbox{
		position:static;
		display: block
		clear: both;
		margin: auto;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		background-color: #fff;
		padding: 10px 20px;
		box-shadow: 0px 0px 0px rgba(0,0,0,0.2);	 
		text-align: center;
	}	
}
/* SIPKA? 

.box-item:before {
    content: "";
    position: absolute;
    right: -9px;
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #fcc;
    }
*/


/* CON FORM */

.contactform{
    display:block;
    clear: both;
    padding: 0px;
    margin: 5px 0px;
    padding-top: 15px;
    padding-bottom: 5px;
    border: 0px;
    text-align: center;
}
.contactform div{
    display:block;
    float: left;
    clear: both;
    margin-bottom: 8px;
}

.contactform .clanek{
	width: 100%;
}

.mapovan iframe{
    width: 60%;
    height: 100%;
    position: relative;
}
#content .clanek.pageForm {
    text-align: center;
}

.mapovan img{
    width: 40%!important;
    vertical-align: top;
}
.contactform div.contactform_hlasky{
    display: block;
    float: left;
    clear: both;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    width: calc(100% - 14px);
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 16px;
}
.contactform_hlasky span{
    display: block;
    margin-left: 15px;
    margin-right: 15px;
}
.contactform_hlasky.send_ok{
    border: 4px solid #9ccc3c;
}
.contactform_hlasky.send_nok{
    border: 3px solid red;
}

.contactform.serviceform{

	text-align: center;
}
.contactform.serviceform .helpwrap{
	width: 330px;
	display: inline-block;	
	vertical-align: top;
	max-width: calc(100vw - 60px);
}


.contactform .label{
    float: left;
    clear: none;
    width: 150px;
    text-align: left;
    color: #999;
    font-family: 'Arial', sans-serif;
    font-size: 14px; 
    padding: 10px 10px 0px 10px;
    
}

.contactform.serviceform .label{
	width: 300px;
	max-width: calc(100vw - 60px);
	padding: 0px;
	line-height: 18px;
	box-sizing: border-box;
}

.contactform.serviceform .twoinputs .label{
	padding: 10px 0px 10px 0px;
	margin-right: 6px;
}

.contactform.serviceform .hiddeninput{
	visibility: hidden;
}

.mandatory_note{
    color: #999;
    font-size: 13px;
	line-height: 34px;
	 
}

.contactform input{
    display:block;
    float: left;
    clear: none;    
    width: 320px;
    line-height: 18px;
    background-color: #EEEEEE;
    color: #333333;
    font-family: 'Arial', sans-serif;
    font-size: 15px;   
    padding: 8px 10px;
    vertical-align: middle;
    border-radius: 3px;
    border: 1px solid white;
    box-sizing: border-box;
    max-width: calc(100vw - 60px);
}

.contactform select{
    display:block;
    float: left;
    clear: none;    
    width: 320px;
    line-height: 14px;
    background-color: #EEEEEE;
    color: #333333;
    font-family: 'Arial', sans-serif;
    font-size: 15px;   
    padding: 10px;
    vertical-align: middle;
    border-radius: 3px;
    border: 1px solid white;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.contactform textarea{
    width: 320px;
    height: 150px;
    background-color: #EEEEEE;
    color: #333333;
    font-size: 15px;
    line-height: 18px;
    padding: 8px 10px; 
    resize: none;
    border-radius: 3px;
    border: 1px solid white;
    box-sizing: border-box;
    max-width: calc(100vw - 60px);
}
.contactform input[type=checkbox] {margin: 2px 12px 0 2px !important; vertical-align: bottom;}
.contactform.serviceform textarea{
	height: 50px;
}

.contactform .twoinputs input, 
.contactform .twoinputs .fakeinput {
	width: 157px; max-width: calc(50vw - 34px);
}

.contactform .twoinputs input:first-child{
	margin-right: 6px;
}

.contactform .label input{
	width: auto;
}

.contactform input.sf_error, .contactform textarea.sf_error,
.contactform input.error, .contactform textarea.error {
	border: 1px solid red;
}

.contactform input.souhlassop.sf_error{
	border: 1px solid white;
	outline: 1px solid red;
}

div.g-recaptcha.sf_error{
	border: 1px solid red;
}

.contactform .pruzkum{
	padding: 10px 20px 0px 20px;	
	text-align: center;
	float: none;
}
.contactform .pruzkumform{ 
    text-align: center;
    float: none;
}    

.contactform .submit{
    display:block;
    float: left;
    clear: none;
}

.contactform .pruzkumform .submit {
    display: inline-block;
    float: none;
    clear: both;
}

.contactform .pruzkumform input[type=text], .pruzkumform select {
    display: inline-block;
    width: 320px;
    line-height: 18px;
    background-color: #EEEEEE;
    color: #333333;
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    padding: 8px 10px;
    vertical-align: middle;
    border-radius: 3px;
    border: 1px solid white;
    box-sizing: border-box;
    float: none;
    clear: none;
    display: inline-block;
    margin: 5px;
}

.contactform .submit input{
    color: #ffffff;
    width: 320px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
 		background: #636363; border-radius: 6px;
}


.contactform .helpwrap {
    display: inline-block;
    float: none;
}

#jina{
	display: none;
}

#jina.active{
	display: inline-block;
}

a.svoz_button{
    display:block;
    clear: none;    
    padding: 0px 10px;
    line-height: 33px;
    border: 1px solid #9acb3c;
    border-radius: 3px;  
	margin: 5px auto;
    color: #ffffff !important;
    text-decoration: none;
    width: 320px;          
    background: #9acb3c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;    
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    text-align: center;
}