#logo_img { padding: 10px; background: #fff; position: relative; top: -20px; } 
h1.vcenter { margin-top: 15%; margin-bottom: 13%; }
h1.vcenter a strong { text-decoration: none;  }
h1.vcenter a:hover { text-decoration: none;   }
h1.vcenter strong { background: #fff; padding: 1%;  }
/* zmena formulare */
.form-group {
    margin-bottom: 20px;
}
.form-control {
    background-color: #f9f9f9;
    border: 1px solid #E0E0E0;
    border-radius: 0px;
    box-shadow: none;
    height: auto; 
    padding: 14px 28px;
}
.form-control:focus {
    border-color: #DADADA;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
       -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
        -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
         -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
}
/*-webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; transform: scale(1.2) rotate(10deg);*/


/*MJ styl*/
#carouselB .owl-buttons {
    color: #ab9E73;
    font-size: 40px;
    position: absolute;
    right: 0;
    top: -40px;
}
#carouselB .owl-buttons div {
    color: #aa9d84;
    font-size: 40px;
}


/* WRS css */
.color1 { color: #f29958 }
.color2 { color: #f29958 }
.color3 { color: #f29958 }
.color_back1 { background-color:  #f29958 }
.color_back2 { background-color:  #f29958 }
.color_back3 { background-color:  #f29958 }

/* ----------------------------------------------- */    
/* WRS_icon -------------------------------------- */    
    .www_icons { background: url(../../design/ico/www-icons.png); background-size: 390px auto; width: 64px; height: 64px; display: inline-block; }
    
    .www_icons_a1 { background-position: -8px -7px; background-size: 600px auto; }
    .www_icons_a2 { background-position: -81px -7px; background-size: 600px auto; }
    .www_icons_a3 { background-position: -156px -7px; background-size: 600px auto; }
    .www_icons_a4 { background-position: -229px -7px; background-size: 600px auto; }
    .www_icons_a5 { background-position: -303px -7px; background-size: 600px auto; }
    .www_icons_a6 { background-position: -380px -7px; background-size: 600px auto; }
    .www_icons_a7 { background-position: -450px -7px; background-size: 600px auto; }
    .www_icons_a8 { background-position: -8px -84px; background-size: 600px auto; }
    .www_icons_a9 { background-position: -81px -84px; background-size: 600px auto; }
    .www_icons_a10 { background-position: -156px -84px; background-size: 600px auto; }
    .www_icons_a11 { background-position: -229px -84px; background-size: 600px auto; }
    .www_icons_a12 { background-position: -303px -84px; background-size: 600px auto; }
    .www_icons_a13 { background-position: -380px -84px; background-size: 600px auto; }
    .www_icons_a14 { background-position: -450px -84px; background-size: 600px auto; }
    .www_icons_a15 { background-position: -8px -154px; background-size: 600px auto; }
    .www_icons_a16 { background-position: -81px -154px; background-size: 600px auto; }
    .www_icons_a17 { background-position: -156px -154px; background-size: 600px auto; }
    .www_icons_a17s { background-position: -79px -77px; background-size: 300px auto; width: 32px; height: 32px; }
    .www_icons_a18 { background-position: -229px -154px; background-size: 600px auto; }
    .www_icons_a18s { background-position: -115px -77px; background-size: 300px auto; width: 32px; height: 32px; }
    .www_icons_a19 { background-position: -303px -154px; background-size: 600px auto; }
    .www_icons_a19s { background-position: -152px -77px; background-size: 300px auto; width: 32px; height: 32px; }
    .www_icons_a20 { background-position: -380px -154px; background-size: 600px auto; }
    .www_icons_a20s { background-position: -191px -77px; background-size: 300px auto; width: 32px; height: 32px; }
    .www_icons_a21 { background-position: -450px -154px; background-size: 600px auto; }
    
    .www_icons11 { background-position: -4px -274px; }
    .www_icons12 { background-position: -82px -274px; }
    .www_icons13 { background-position: -162px -274px; }
    .www_icons14 { background-position: -242px -274px; }
    .www_icons15 { background-position: -322px -274px; }
    .www_icons21 { background-position: -4px -358px; }
    .www_icons22 { background-position: -82px -358px; }
    .www_icons23 { background-position: -162px -358px; }
    .www_icons24 { background-position: -242px -358px; }
    .www_icons25 { background-position: -322px -358px; }
    .www_icons31 { background-position: -4px -445px; }
    .www_icons32 { background-position: -82px -445px; }
    .www_icons33 { background-position: -162px -445px; }
    .www_icons34 { background-position: -242px -445px; }
    .www_icons35 { background-position: -322px -445px; }
    .www_icons41 { background-position: -4px -530px; }
    .www_icons42 { background-position: -82px -530px; }
    .www_icons43 { background-position: -162px -530px; }
    .www_icons44 { background-position: -242px -530px; }
    .www_icons45 { background-position: -322px -530px; }
    .www_icons51 { background-position: -4px -620px; }
    .www_icons52 { background-position: -82px -620px; }
    .www_icons53 { background-position: -162px -620px; }
    .www_icons54 { background-position: -249px -620px; }
    .www_icons55 { background-position: -322px -620px; }
    .www_icons61 { background-position: -4px -709px; }
    .www_icons62 { background-position: -82px -709px; }
    .www_icons63 { background-position: -162px -709px; }
    .www_icons64 { background-position: -242px -709px; }
    .www_icons65 { background-position: -322px -709px; }
/* konec - WRS_icon ------------------------------ */    
/* ----------------------------------------------- */    
/* ikony pdf xls */
a.ico_pdf { font-size: 10px; background-image: url('/design/ico/ico_file_pdf.png'); background-position: center 7px; background-repeat: no-repeat; padding: 55px 0 10px 0; display: block; margin: 1px; border-radius: 10px; border: 1px #eaeaea solid; text-align: center; width: 100px; height: 80px}
a.ico_xls { font-size: 10px; background-image: url('/design/ico/ico_file_xls.png'); background-position: center 7px; background-repeat: no-repeat; padding: 55px 0 10px 0; display: block; margin: 1px; border-radius: 10px; border: 1px #eaeaea solid; text-align: center; width: 100px; height: 80px}

.line_max { line-height: 2.3; }
.wrs_ul { list-style: none; padding: 0; margin: 0; }
.wrs_ul li { padding: 0; margin: 0; }
#gallery { margin-top: 10px; margin-bottom: 30px; }
.navigace { clear: both; }
.fl_left { float: left; }
.fl_right { float: right; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.clear { clear: both; }
.clear_l { clear: left; }
.clear_r { clear: right; }
.marginnula { margin: 0; }
.paddingnula { padding: 0; }
.margin_l { margin-left: 10px; }
.margin_r { margin-right: 10px; }
.margin_l_mini { margin-left: 5px; }
.margin_r_mini { margin-right: 5px; }
.margin_t { margin-top: 10px; }
.margin_b { margin-bottom: 10px; }
.margin_b_big { margin-bottom: 30px; }
.automargin { margin-left: auto;
    margin-right: auto;
    }
.margin_10 { margin-left: 10%;   }
.margin_b40 { margin-bottom: 40px; }
.margin_lr10 { margin-left: 10%; margin-right: 10%; }
.padding_l { padding-left: 10px; }
.padding_r { padding-right: 10px; }
.padding_t { padding-top: 10px; }
.padding_b { padding-bottom: 10px; }
.padding_b40 { padding-bottom: 40px; }
.padding { padding: 2% 1.5% }
.padding_big { padding: 3% 5% }
.position_bottom { position: absolute; bottom: -10px; right: 3% }
.wrs_blok .panel-body { position: relative; padding-bottom: 0; }
.hidden { display: none !important; }
.relative { position: relative; }
.absolute { position: absolute; z-index:1 }
.abs_edit_text { position: absolute; right: 0; z-index: 1; top: -12px }
.abs_edit_text_bottom { position: absolute; right: 0; z-index: 1; bottom: -7px }
.abs_right { right: 0; z-index: 1; }
.in-line { display: inline-block; }
.w100 { width: 100%; }
.w90 { width: 90%; }
.w80 { width: 80%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w30 { width: 30%; }
.w10 { width: 10%; }
.small { font-size: 80% }
.display_none { display: none; }
.error, .text-error { color: red; } a.text-error:hover { color: #333; }
.ok, .text-ok { color: green; } a.text-ok:hover { color: green; }
.spam_img { margin-top: 30px; }
/* omenzit na ID - .btn a { color: #fff; } */
.btn-default a { color: #000; }
.topic { margin: 20px 0 0 0; }
.topic .topic .topic { margin: 20px 0 0 20px; background: #fff;  }
.tr_a { background-color: #f2f2f2; }
.tr_b { background-color: #eaeaea; }
.tr_a:hover,.tr_b:hover { background-color: #f2efef; }
.topic .tr_a:hover { background-color: #f2f2f2; }
.data_pdf {
    background: #fff url("/design/ico/ico_pdf.png") no-repeat scroll 8px 7px;
    border-left: 3px solid #f42214;
    display: inline-block; margin: 10px 10px 10px 0;
    padding-left: 40px; padding-right: 10px
}
.news_objednat:hover, .data_pdf:hover { background-color: #d2ecfd;
    transition: all 0.5s ease 0s; }
.news_objednat:hover { background-color: #cdeabc; color: green; border-color: green; 
    border-left: 3px solid green;  }
.news_objednat {
    display: inline-block; margin: 10px 10px 10px 0; color: green; 
    padding-left: 15px; padding-right: 10px; border-color: #cdeabc; 
    border-left: 3px solid green; }

/* admin panel bottom--------------- */
#_wrs_ico_admin  { position: fixed; z-index: 100; border-radius: 7px; border: 1px solid white; right: 3%; bottom: 15px }
#admin_bottom { z-index: 30; background: #222; color: #fff; padding: 1%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); border-radius: 10px 10px 0 0; position: fixed; bottom: 0px; width: 90%; margin: 0 5% 0% 5%; left: 0; }
#admin_bottom .user_avatar { float: left; margin: 0 10px 0 0px; border-radius: 4px; position: relative;  }
.avatar_icozprava { text-decoration: none; float: left; margin: 0 10px 0 0px; border-radius: 4px; position: absolute; bottom:0px; left:30px; background: red; color: #fff; padding: 1Px 3px }
._adminicons img { width: 18px; z-index: 2; position: relative; right: 10px; }

.ico_adminlista { float: left; display: block; width: auto; margin: 10px 1px 0 1px; line-height: 23px; text-align: center; }
.ico_adminlista a { position: relative; } 
.wrs_admin .wrs_user { width: 140px; float: left;  }
.ico_adminlista img { display: block; height: 25px; margin: 0 auto; }
.div_ico_admin {  float: left;  }
.div_ico_admin a { background: #fff; color: #000; font-size: 80%; display: inline-block; padding-right: 10px; border: 1px solid #eee; border-radius: 4Px; padding: 2px 5px; margin: 2px 0 0 0; }
.div_ico_admin a:hover { background: #fff; color: blue; }
/* --------------------------------- */
#sekce_list ul { list-style: none }
/* --------------------------------- */
/* --------------------------------------------------------------------------- */
/* - ADMINISTRACE -------------------------------------------------------------------------- */
#ADMINISTRACE { padding: 0; }
#config ul { padding: 0; margin: 0; }
#config ul li { list-style: none; }
#config li.wrs_kat { margin: 1px; }
#config li.wrs_kat span { float: right; width: 50%; }
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */



.wrs_news_souvisejici i { display: block; margin: 10px 0; color: #ccc; }
.wrs_news_souvisejici ul { padding: 0; }
.wrs_news_souvisejici ul li { list-style: none; width: auto; display: block; clear: left; margin-bottom: 10px; }
.wrs_news_souvisejici ul li img { float: left; margin-right: 2%; max-width: 80px; height: auto; }

.wrs_pocet_zobrazeni { display: block; padding: 10px 0 30px;}

/* clanky - news ---------------------------------- */
    #news_filtr_kategorie { float: right; margin: 20px 2% 0 0; }
    .wrs_news .wrs_share { padding-top: 20px;  }
    
    /* zobrazeni-news-v1---------------------- */
    .wrs_blok, .wrs_news .panel-heading, .wrs_zbozi .panel-heading {
	position: relative;
    }
    .wrs_blok .panel-body {
	padding-bottom: 0;
	position: relative;
    }
    .wrs_news .panel-default h3 {  padding: 0; margin: 0; display: block; }
    
    .wrs_panel_admin a { position: relative; font-size: 18px; } /* posunuti druhe glyph ikony*/
    .icon_pres { position: absolute; left: -10px; font-size: 120% } /* posunuti druhe glyph ikony*/
    /* zobrazeni-news-konec v1---------------------- */
/* clanky - news - konec ---------------------------------- */

/* doklady - news - konec */
    .doklad_cislo { font-size: 200%; }
/* doklady - konec */



/* BASIC */
    .nahled_img_del, .nahled_img_upload { max-width: 120px; height: auto; }
    .systext { right: 100px; position: absolute; top: -12px; }
    .navigace ._nav_active, .navigace .active { background-color: #26b7e4;
	border: 1px solid #26b7e5;
	display: inline-block;
	padding: 15px 22px; margin: 2px; border-radius: 40Px;
	border: none;
	color: #fff;
	font-size: 18px; 
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	transition: 0.3s all;
	}
    .pager li > a, .pager li > span {
      padding: 10px 15px; margin: 2px; border-radius: 40Px; line-height: 22px;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: 0.3s all; border-color: #26b7e4;
    }
    .pager li > a:hover, .pager li > span:hover {
	background-color: #5cb85c; color: white; border: 1px solid #5cb85d;
	padding: 15px 22px;
    }
    
    .hledej form { position: relative; }
    .hledej form .ico_search { position: absolute; top: 0; right: 0 }
    #hledej_show li { min-height: 340px; padding: 4% 2% 3% 2%; overflow: hidden; }
    #hledej_show li h2 a { font-size: 75%; }
    #hledej_show li p.right a { position: absolute; bottom: 0; right: 10px }
    
    /* dnd_upload ---------------------------- */
    #dnd_upload, #dnd_upload_foto { position: relative; }
    #holder,#holder_foto { border: 3px dashed #ccc; width: 90%; min-height: 100px; margin: 20px auto;}
    #holder p.small,#holder_foto p.small { font-size: 70%; line-height: normal }
    p.small_big_dnd { font-size: 70%; line-height: normal; }
    #holder.hover, #holder_foto.hover { border: 10px dashed #0c0; }
    #holder img, #holder_foto img { display: inline-block; margin: 5px 5px; }
    #holder p, #holder_foto p { margin: 10px; font-size: 14px; }
    progress { width: 100%; }
    progress:after { content: '%'; }
    .fail { background: #c00; padding: 2px; color: #fff; }
    /* konec dnd_upload ---------------------- */

    /* minigalerie clanky */
    #gallery a.f { width: 14.4%; display: block; padding: 0%; margin: 0.5%; float: left; }
    #gallery a.f img { width: 94%; height: auto; padding: 0%; margin: 3% }
    #gallery a.f:hover img { width: 100%; height: auto; padding: 0%; margin: 0%;
	-webkit-transition: -webkit-transform 0.3s, all 0.2s;
	-moz-transition: -moz-transform 0.3s, all 0.2s;
	-o-transition: -o-transform 0.3s, all 0.2s;
	-ms-transition:-ms-transform 0.3s, all 0.2s;
	transition: transform 0.3s, all 0.2s; }
    /* minigalerie clanky - admin */
    #gallery .foto_items_admin { float: left;  position: relative; width: 14%; padding: 0%; margin: 1%; }
    #gallery .foto_items_admin a.f { width: auto; }
    #gallery .foto_items_admin a.f .img-thumbnail { width: 100%; height: auto; }
    #gallery .foto_items_admin .admin_ico { background: #fff; opacity: 0.6; position: absolute; top: 5%; left: 5%; }
    #gallery .foto_items_admin .admin_ico:hover { opacity: 1; }
    /* KONEC minigalerie clanky */
	
/* fotogalerie --------------------------------------------------------- */
.fotogalerie_ico { width: 100%; height: 100%; max-width: 100%; max-height: 100%; }
.gallery_item, .galleryfoto_item { margin: 5%; }

#gallery {
    
} 

#gallery h2 {
    margin-top: 20px; font-size: 120%;   margin-bottom: 10px; color: #fff;
    }
#gallery div {
  padding: 0;
}

#gallery .col-xs-1, #gallery .col-xs-2, #gallery .col-xs-3, #gallery.col-xs-4, #gallery.col-xs-5, #gallery .col-xs-6, #gallery .col-xs-7, #gallery .col-xs-8, #gallery .col-xs-9, #gallery .col-xs-10, #gallery .col-xs-11, #gallery .col-xs-12, #gallery .col-sm-1, #gallery .col-sm-2, #gallery .col-sm-3, #gallery .col-sm-4, #gallery .col-sm-5, #gallery .col-sm-6, #gallery .col-sm-7, #gallery .col-sm-8, #gallery .col-sm-9, #gallery .col-sm-10, #gallery .col-sm-11, #gallery .col-sm-12, #gallery .col-md-1, #gallery .col-md-2, #gallery .col-md-3, #gallery .col-md-4, #gallery .col-md-5, #gallery .col-md-6, #gallery .col-md-7, #gallery .col-md-8, #gallery .col-md-9, #gallery .col-md-10, #gallery .col-md-11, #gallery .col-md-12, #gallery .col-lg-1, #gallery .col-lg-2, #gallery .col-lg-3, #gallery .col-lg-4, #gallery .col-lg-5, #gallery .col-lg-6, #gallery .col-lg-7, #gallery .col-lg-8, #gallery .col-lg-9, #gallery .col-lg-10, #gallery .col-lg-11, #gallery .col-lg-12 { position:relative; padding: 0;}


figure {
    height: 250px;
    width: 250px;
    display: block;
    overflow: hidden;
    z-index: 100;
}

figcaption {
    height: 250px;
    width: 90%;
    background: url() no-repeat center 150px black; 
    text-align: center;
    position: absolute;
    bottom: 0; top: 0;
    left: -500px;
    opacity: 0; 
    padding: 5px; margin: 5%;
}

figcaption p { padding: 0 10%; }
 a:hover figcaption {
    opacity: 0.8;
    left: 0;
    transition: all 0.7s;
}
/* konec fotogalerie --------------------------------------------------------- */
/* BASIC  konec */

/* FULL */
.panel-heading h3 { margin-bottom: 0; margin-top: 0; padding-bottom: 0; } /* zbozi_prepravce*/
/* FULL  konec */

/* EHSOP */
.zbdph { display: block; font-size: 60%; color: #ddd; }
.zbozi_dico { position: relative; }
.panel_big { padding-top: 10px; float: left; } /* panel pro sort eshopu */
#zbozi_large, #zbozi_item, #zbozi_list { font-size: 200%; }

.wrs_news .tab-content, .wrs_zbozi .tab-content, .kosik_potvrzeni .tab-content { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

/*admin ikony*/
/*zbozi show typ 3 item */
.wrs_zbozi .abs_bottom .post-meta { position: absolute; bottom: 0; width: 99%; }
.zbozi_list .thumbnail .wrs_panel_admin, .zbozi_large .thumbnail .wrs_panel_admin { position: absolute; bottom: 0; }
.zbozi_list .thumbnail .wrs_panel_admin, .zbozi_large .thumbnail .wrs_panel_admin, .zbozi_item .thumbnail .wrs_panel_admin, #gallery figure .wrs_panel_admin  { transition: all ease-in-out 200ms; top: 100px; overflow: hidden; width: 0; min-width: 0px;  height: 0; position: absolute;  border: 0px solid #eaeaea; }
.zbozi_list .thumbnail:hover .wrs_panel_admin, .zbozi_large .thumbnail:hover .wrs_panel_admin, .zbozi_item .thumbnail:hover .wrs_panel_admin, #gallery figure:hover .wrs_panel_admin  { width: 90%; min-width: 140px; max-width: 180px; top: -10px; bottom: auto; right: 5px; height: 30px; overflow: hidden; box-shadow: 1px 2px 2Px rgba(0,0,0,0.5); background: #fff; border: 1px solid #eaeaea; padding: 3% 2%; border-radius: 5px; }
.zbozi_item .thumbnail .wrs_panel_admin a img { max-width: 14px; margin: 1px 0px 1px 5px; }
.zbozi_item .wrapper .form_ks form { margin: 0; }
.zbozi_item .zbozi_ico { max-width: 170px }
.zbozi_large .thumbnail img.zbozi_ico { max-height: 300px; }
.zbozi_large .thumbnail { position: relative; height: 430px; }
.zbozi_list .thumbnail { height: 160px; position: relative; }
.zbozi_list .zbozi_ico { max-width: 150px; }
.zbozi_list .thumbnail h2 { font-size: 140%; padding: 10px 0; margin-bottom: 5px; }
.zbozi_list .thumbnail .caption { padding-bottom: 20px; }
.zbozi_list .abs_bottom .post-meta { position: absolute; bottom: 0; max-width: 25%; right: 0 }
.zbozi_list .thumbnail img.zbozi_ico { float: left; margin-right: 20px; }


.wrs_panel_admin { background: #fff; color: #ccc }

.popis_produktu { padding-top: 40px; padding-bottom:  20px; }
.zbozi_detail_kat .btn { margin-bottom: 20px; }
.detail_cena { text-align: right }

#detail_cena form.buy { float: left; width: 50%  }
#detail_cena h2, #detail_cena h3 { color: orange; }
#detail_cena form.buy input { width: 20%; display: inline-block; padding-bottom: 10px; padding-top: 8px }
.zbozi_detail .wrs_panel_admin { transition: all ease-in-out 200ms; top: 100px; right: 0px;  width: 0; max-width: 0px;  height: 0; position: absolute; overflow: hidden; border: 0px solid #eaeaea;  }
.zbozi_detail:hover .wrs_panel_admin {  width: 60%; max-width: 300px;  top: -10px; right: 5px; height: 30px; overflow: hidden; box-shadow: 1px 2px 2Px rgba(0,0,0,0.5);  border: 1px solid #eaeaea; padding: 5px 10px; border-radius: 5px; z-index: 1 }
/* nova karta zbozi 2016 konec ----------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
.news_detail .wrs_panel_admin { transition: all ease-in-out 300ms; right: 0; width: 0; height: 0; position: absolute; overflow: hidden; border: 0px solid #eaeaea; }
.news_detail:hover .wrs_panel_admin  {  max-width: 300px; min-width: 200px; width: auto; top: 200px; right: 20px; height: 30px; top:0; overflow: hidden; box-shadow: 1px 2px 2Px rgba(0,0,0,0.5);  border: 1px solid #eaeaea; padding: 6px 10px; border-radius: 5px; }
.news_detail .wrs_panel_admin a img { max-width: 20px; margin: 1px 0px 1px 5px; }
.news_detail .wrs_id { top: 0; }
/* --------------------------------------------------------------------------- */
#gallery figure .wrs_panel_admin { transition: all ease-in-out 800ms; bottom: 10px; left: 0; width: 0; height: 0; position: absolute; overflow: hidden; border: 0px solid #eaeaea; }
#gallery figure:hover .wrs_panel_admin  { width: 60%; top: 200px; left: 20%; height: 30px; overflow: hidden; box-shadow: 1px 2px 2Px rgba(0,0,0,0.5);  border: 1px solid #eaeaea; padding: 3% 2%; border-radius: 5px; }
#gallery figure .wrs_panel_admin a img { max-width: 14px; margin: 1px 0px 1px 5px; }
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

.eshop_detail_doporucene .thumbnail .wrapper .price { float: right; }
.eshop_detail_doporucene .thumbnail { height: 330px; }
.eshop_detail_doporucene h3 {
  font-size: 100%; padding: 0px; margin: 5px 0 5px 0;
}
.eshop_detail_doporucene .wrapper h4 {
  font-size: 100%; padding: 0px; margin: 0 0 5px 0;
}

.showoff { opacity: 0.3; }

/* kolecko akce 20% sleva --- */
  .kod_akce {
      background-color: #a2cf44;
      border-radius: 30px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
      padding: 14px 10px; text-align: center;
      position: absolute; right: 5px;
      text-transform: uppercase;
      top: -10px; width: auto; color: white; font-size: 14px; line-height: 17px; }
  .kod_akce { left: auto; right: -10px; }
  .zbozi_detail .kod_akce {  width: auto; padding: 14px 10px; left: auto; right: 20px; top: 10px; font-size: 20px; line-height: 25px; border-radius: 50px; }  
  /* kolecko akce konec--- */
  .ico_skladem { top: 60%; right: -10%; }
  .zbozi_detail .ico_skladem { top: 40%; right: 3%;  }
  .ico_doprava_zdarma { top: 80%; right: -10%; }
  .zbozi_detail .ico_doprava_zdarma { top: 50%; right: 3%;  }
  .ico_doprava_zdarma { background: none repeat scroll 0 0 white;
      border: 1px solid #a2cf44; border-radius: 6px; position: absolute; right: -17px; top: 140px; }
  .ico_skladem { background: none repeat scroll 0 0 white; height: 22px; font-size: 80%; padding: 0 5px 0 0;
      border: 1px solid #a2cf44; border-radius: 6px; position: absolute; right: -17px; top: 112px;  } /* display: none */
  .ico_skladem span { position: relative; }
  .ico_doprava_zdarma  { top: 35%; right: -10px }
  .ico_skladem  { top: 27%; right: -10px; left: auto; min-width: 58px;  }

  .obr_items_akce { position: absolute; top: -11px; left: -11px }
  .obr_items_akce { left: -1px; position: absolute; top: -1px; }
/* kosik */
.kosik_potvrzeni ul.nav-tabs li.active a {
  background: -webkit-linear-gradient( #fff , #f2f2f2 ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( #fff , #f2f2f2 ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #fff , #f2f2f2 ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( #fff , #f2f2f2 ); /* Standard syntax (must be last) */
}
.kosik_potvrzeni .tab-content {
  background: -webkit-linear-gradient( #f2f2f2, #fff, #f1f1f1 ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( #f2f2f2, #fff, #f1f1f1 ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #f2f2f2, #fff, #f1f1f1 ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( #f2f2f2, #fff, #f1f1f1 ); /* Standard syntax (must be last) */
}
.kosik_potvrzeni .error { color: #fff; display: inline; padding: 3px 14px; border: 1px solid #a94442; border-radius: 10px; background: red; margin: 4px 0; font-size: 90%  }
.btn-kosik_del { background: #e4b9b9; color: #000;
  border: none;
  border-radius: 0px;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transition: .3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.btn-kosik_del:hover {
  background: red; color: #fff;
}
.btn-kosik_ok { background: #c1e2b3; color: #000; 
  border: none;
  border-radius: 0px;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.btn-kosik_ok:hover {
  background: #5cb85c; color: #fff;
}
/*--------------------------*/
.icon-menu {
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    float: left;
    margin: 0px 10px 0 0;
    padding: 0px;
    position: relative; display: inline-block
}
.icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 20px; margin: 3px 0;
    background: #fff none repeat scroll 0 0;
}
/* --------------------------------------------------------------------------- */
.eshop_filtr_pocet, .eshop_filtr_radit { float: right; width: auto; margin-left: 2px;  }
.eshop_filtr_stav_opotrebeni { float: right; }
.eshop_filtr_pocet .popis , .eshop_filtr_radit .popis { width: auto; display: inline-block; padding: 0 0 0 10px;  }
/* kosik konec*/

/* WRS TREE MENU -------------------------------------- */
#tree_menu .handle {  
  background: transparent url(/design/ico/tree_c.png); 
  background-size: 20px 20px;
  background-repeat: no-repeat; 
  background-position: center bottom;  
  display: block;
  float: left; 
  width: 20px; 
  height: 20px;
  padding-top: 5px;
}     

#tree_menu .collapsed {  
  background: transparent url(/design/ico/tree_a.png);  
  background-size: 20px 20px;
  background-repeat: no-repeat; 
  background-position: center bottom; 
  cursor: pointer;
}

#tree_menu .expanded {  
  background: transparent url(/design/ico/tree_b.png);
  background-size: 20px 20px;
  background-repeat: no-repeat; 
  background-position: center bottom;
  cursor: pointer;
}
#tree_menu .list-group-nadpis, .list-group-nadpis { background: #428bca; color: #fff; }
#tree_menu ul { list-style: none; margin: 0px; padding: 0 0; }
#tree_menu div.full_padding  { padding: 10px 15px; }
#tree_menu .list-group-item  { padding: 5px 5px }
#tree_menu a { background: #fff;  border-radius: 4px; text-decoration: none; display: block; margin: 1px }
#tree_menu ul li ul { margin-left: 10px; } 
#tree_menu a.open  { background: #0098ff; color: #fff; border: 1px solid #0098ff; }
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* EHSOP konec */




/* scroolling */
#scrollA
{
	background: url("/design/layout/scrollA.jpg") no-repeat fixed; 
	width: 100%;
	float: left; clear: both;
	background-size: 100% auto;
	background-position: 50% 0;
}
#scrollB
{
	background: url("/design/layout/scrollB.jpg") no-repeat fixed;
	width: 100%;
	float: left; clear: both;
	background-size: 100% auto;
	background-position: 50% 0;
}
#scrollC
{
	background: url("/design/layout/scrollC.jpg") no-repeat fixed; 
	width: 100%;
	float: left; clear: both;
	background-size: 100% auto;
	background-position: 50% 0;
}
/* scroolling */

#NUMBER_EFEKT { }
#PRACEA { background: #fff; padding: 70px 0; clear: both; }
#FLIPPER { background: #f29958/* #f84b4a */; padding: 70px 0; color: #fff;  clear: both; }
#FLIPPER h2 , #FLIPPER h3 { color: #fff; text-align: center; clear: both; }
#FLIPPER .flipper { color: #000; clear: both }
#FULLNEWS { background: #fff; padding: 70px 0; clear: both; }
#NEWSA,#NEWSB { clear: both }
#KONTAKT { background: #f2f2f2; padding: 70px 0; clear: both; }
#PATICKA { background: #fff; padding: 70px 0; clear: both; }
#FULLWIDTH { background: #000; }
#FULLWIDTH .container { background: #000; }
#FULLWIDTH .fl_left ul li { list-style: none; display: inline-block;
    margin: 5px 0px 0 0;
    border-right:1px solid #fff;
    }
#FULLWIDTH .fl_left ul li a {
	text-align:center;
	padding: 0px 13px;
	text-transform:uppercase;
	font-size:12px;
	display:block;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#FULLWIDTH .fl_left ul li a:hover {	
	text-decoration: none;
}
#FULLWIDTH .fl_right { margin: 0 20px }
#FULLWIDTH .fl_right h6 { margin: 0; padding: 8px 0; color: #999; }
#FULLWIDTH  h6 span {
    color: #8bdd6f;
}
h1 {
    font-family: "Roboto Slab",serif;
    font-weight: 600;
}
h1, h2, h3  {
  color: #f76B2D;
  padding-bottom: 25px;
}
h1 span, h2 span, h3 span{
  color: #26B7E3;
}


/* newsA */
#NEWSA {
  padding-top: 75px;
  padding-bottom: 100px;
  background: url("/design/layout/scrollA.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
#NEWSA:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/design/layout/vzorek.png") #000000;
  opacity: 0.3;
}
#NEWSA .block .heading {
  color: #fff;
}
#NEWSA .block ul {
    list-style: none;
  padding-top: 40px;
}
#NEWSA .block ul li {
  overflow: hidden;
  height: 280px; /* vyska na pevno */
  /* width: 50%; zruseno kvuli responsive layoutu */
  float: left;
  background: #fff;
  text-align: center;
  color: #959595;
  transform: 1s;
}
#NEWSA .block ul li .inblock {
    padding: 0;
}
#NEWSA .block ul li img { width: 100%; }
#NEWSA .block ul li:hover img {
  transform: scale(1.2) rotate(10deg);
}
#NEWSA .block ul li h3 {
  color: #323232;
  padding: 0px 40px 20px;
  line-height: 26px;
  position: relative;
}
#NEWSA .block ul li h3:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 90px;
  height: 1px;
  background: #CBC4B5;
  margin-left: -45px;
}
#NEWSA .block ul li p {
  padding-top: 25px;
}
#NEWSA .block ul li p {
    
}
#NEWSA .block ul li .blog-img {
  float: left;
  width: 50%;
  height: 100%;
  background: red;
  overflow: hidden;
}
#NEWSA .block ul li .blog-img img {
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
#NEWSA .block ul li .blog-img-2 {
  width: 50%;
  float: right;
  overflow: hidden;
}
#NEWSA .block ul li .blog-img-2 img {
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  width: 100%;
}
#NEWSA .block ul li .content-right {
  padding: 20px 25px;
  font-size: 16px;
  line-height: 26px;
  width: 50%;
  height: 100%;
  margin-left: 50%;
  position: relative;
}
#NEWSA .block ul li .content-right:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: #fff;
  transform: rotate(45deg);
  margin-left: -15px;
}
#NEWSA .block ul li .content-left {
  padding: 40px 35px 23px;
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  z-index: 999;
}
#NEWSA .block ul li .content-left:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: 0px;
  background: #fff;
  transform: rotate(45deg);
}
#NEWSA .block .btn-more-info , #KONTAKT .btn-send {
  float: right;
  padding: 28px 102.5px;
  border-radius: 0px;
  background: #26b7e4;
  color: #fff;
  border: 1px solid transparent ;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#NEWSA .block .btn-more-info:hover , #KONTAKT .btn-send:hover {
  background: transparent;
  color: #26b7e4;
  border: 1px solid #26b7e4;
}

/* newsA */



/* newsB */
#NEWSB {
  padding-top: 75px;
  padding-bottom: 100px;
  background: url("/design/layout/scrollB.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
#NEWSB:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/design/layout/vzorek.png") #000000;
  opacity: 0.3;
}
#NEWSB .block .heading {
  color: #fff;
}
#NEWSB .block ul {
  
  padding: 40px 0 0 0;
}
#NEWSB .block ul li {
  overflow: hidden;
  /*zruseno responsive width: 30%;*/ 
  transform: 1s;
}
#NEWSB .block ul li div.inblock { margin: 1.5%; min-height: 500px; 
  background: #fff;
  text-align: center;
  color: #959595; }
#NEWSB .block ul li img { width: 80%; padding: 2%; margin: 3%; }
#NEWSB .block ul li:hover img {
  transform: scale(1.2) rotate(10deg);
}
#NEWSB .block ul li .blog-img {
  float: left; position: relative; z-index: 1;
  width: 90%; padding: 2%; margin: 3%;
  height: auto;
  overflow: hidden;
}
#NEWSB .block ul li .blog-img img {
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

#NEWSB .block ul li h3 {
  color: #323232;
  padding: 0px 40px 0px;
  line-height: 26px;
  position: relative;
}
#NEWSB .block ul li p {
  padding: 10px 20px 20px ;
}
#NEWSB .block .btn-more-info {
  float: right;
  padding: 28px 102.5px;
  border-radius: 0px;
  background: #fff;
  background: rgba(255, 255, 255, 0.67) none repeat scroll 0% 0%;
  color: #26b7e4;
  border: 1px solid transparent ;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#NEWSB .block .btn-more-info:hover {
  background:  #26b7e4;
  color: #fff;
  border: 1px solid #fff;
}
/* newsB */

/* number efekt */
#NUMBER_EFEKT .number_item { text-align: center; padding: 0 0 20px 0 }
#NUMBER_EFEKT .number_item p { font-size: 140%; font-weight: bold }
#NUMBER_EFEKT .number_item p.text-capitalize { font-size: 80%; }
/* number efekt */

/* text full */
#fullnews_box .polozky { float: left; /* display: none; */ width: 100%;   }
#fullnews_box .polozky ul { padding: 0 15px; }
#FULLNEWS 
{
	width: 100%;
	float: left;
	padding: 80px 0px 0px 0px;
}
#FULLNEWS #fullnews_box .btn-filtr
{
	margin-bottom: 40px;
	width: 100%;
	float: left;
}
#FULLNEWS #fullnews_box .btn-filtr .filtr_name
{
	background-color: transparent;
	color: #26b7e3;/*#ed1c24;*/
	border: 1px solid #26b7e3;/*#F84B4A;*/
	margin-right: 1.33%;
	padding: 15px;
	width: 24%;
	cursor: pointer;
}
#FULLNEWS #fullnews_box .btn-filtr .posledni
{
	margin-right: 0px;
}
#FULLNEWS #fullnews_box .btn-filtr .active {
	
	background-color: #FFF;
	
	border-color: #26b7e3;/*#F84B4A;*/
	color: #fff;
	background-color: #26b7e3;/*#F84B4A;*/
}
#FULLNEWS  .polozka_filtru img
{
	width: 100%;
	position: relative;
}
#FULLNEWS .polozka_filtru
{
	margin-bottom: 30px;
	cursor: pointer;
	display: block;
}
#FULLNEWS .polozka_filtru .text-info
{
	position: absolute;
	bottom: 0px; 
	background: rgba(10, 150, 214, 0.67) none repeat scroll 0% 0%;
	left: 15px;
	right: 15px;
	display: none;
}
#FULLNEWS .polozka_filtru:hover .text-info
{
  display: block;
}

#FULLNEWS .polozka_filtru .text-info h4 a
{
    color: #FFF; margin: 0; font-size: 16px; padding: 10px 15px; display: block;
}

/* text full */


/* newsletter */
#NEWSLETTER {
    clear: both; 
  padding: 100px 0px;
  text-align: center;
  background: url("/design/layout/scrollB.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
#NEWSLETTER:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/design/layout/vzorek.png") #000000;
  opacity: 0.3;
}
#NEWSLETTER .block h2 {
  color: #fff;
}
#NEWSLETTER .block p {
  padding: 25px 0px;
  color: #fff;
  font-size: 18px;
}
#NEWSLETTER .block form { padding: 20px 0 60Px; }
#NEWSLETTER .block form .form-control {
  width: 450px;
  background: #fff;
  opacity: 0.9;
  border: none;
  height: 65px;
  border-radius: 0px;
  font-size: 15px;
}
#NEWSLETTER .block form .input-group-addon {
  padding: 0px;
  border: none;
  background: none;
}
#NEWSLETTER .block form .input-group-addon button {
  width: 212px;
  height: 65px;
  border: none;
  border-radius: 0px;
  background: transparent; border: 1px solid #26b7e3;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#NEWSLETTER .block form .input-group-addon button:hover {
  background: #26b7e3;
}
/* newsletter */


/* newslettermini */
#NEWSLETTERmini {
  background: #f2f2f2;
  padding: 50px 0px;
  position: relative;
}
#NEWSLETTERmini:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
#NEWSLETTERmini h2, #NEWSLETTERmini h2 span {
  font-size: 130%; padding: 20px 0;
}

#NEWSLETTERmini p {
  font-size: 10%; padding: 20px 0;
}
#NEWSLETTERmini .block form { margin: 20px 0 20Px 0px; padding-bottom: 40px }
#NEWSLETTERmini .block form .form-control {
  background: #fff;
  opacity: 0.9; width: 100%; 
  border: none;
  height: 60px;
  border-radius: 0px;
  display: block; clear: both;
}
#NEWSLETTERmini .block form input.form-control, #NEWSLETTERmini .block form .input-group {
  width: 90%; margin: 0% 5%; 
}
#NEWSLETTERmini .block form .input-group-addon {
  padding: 0px; width: 90%; margin: 1% 5%; 
  border: none; positon: absolute; bottom: 0;
  background: none;
}
#NEWSLETTERmini .block form .input-group-addon button {
  width: 90%;  
  height: 60px; 
  border: none;
  border-radius: 0px;
  background: transparent; border: 1px solid #26b7e3;
  color: #26b7e3;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#NEWSLETTERmini .block form .input-group-addon button:hover {
  background: #26b7e3; color: #fff;
}
/* newslettermini */


/* RADEKCENA */
#RADEKCENA {
  padding: 70px 0px;
}
#RADEKCENA .block > p {
  color: #9D9D9D;
  font-size: 16px;
  line-height: 26px;
  padding: 40px 133px 0;
  text-align: center;
}
#RADEKCENA .block .cena-list {
  padding-top: 85px;
}
#RADEKCENA .block .cena-list ul {
  padding: 0 0 30px; list-style: none; 
  margin: 0;
}
#RADEKCENA .block .cena-list ul li {
  padding: 21px 0px; clear: both;
}
#RADEKCENA .block .cena-list ul li .item  {
  position: relative;
}
#RADEKCENA .block .cena-list ul li .item .item-title {
  position: relative;
}
#RADEKCENA .block .cena-list ul li .item .item-title h2 {
  display: inline-block;
  position: relative;
  z-index: 99;
  background: #fff; padding-right: 10px;
}
#RADEKCENA .block .cena-list ul li img {
    position: relative; left: -1%; z-index: 1;
}
#RADEKCENA .block .cena-list ul li .item .item-title .border-bottom {
  position: absolute;
  top: 0;
  width: 97%; margin-left: 3%;
  height: 1px;
  border: 1px dotted #C9C9C9;
  margin-top: 48px;
}
#RADEKCENA .block .cena-list ul li .item .item-title span {
  float: right; margin-top: 20px;
  color: #938463;
}
#RADEKCENA .block .cena-list ul li .item p {
  padding: 12px 0 0px;
  color: #949494;
}
#RADEKCENA .block .cena-list .btn {
  padding: 28px 105px;
  border-radius: 0px;
  background: none;
  color: #26B7E3;
  border: 1px solid #26B7E3;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#RADEKCENA .block .cena-list .btn:hover {
  background: #26b7e4;
  color: #fff;
}
/* RADEKCENA */


/* HOME_TEXT */
#HOME_TEXT {
  padding: 100px 0px;
  background: #F6F6F6;
}
#HOME_TEXT .block {
  text-align: center;
}
#HOME_TEXT .block p {
  font-size: 16px;
  line-height: 26px;
  padding: 40px 0px;
}
/* HOME_TEXT */


/* FLIPPER */
.flipper i,.flipper em
{
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: #f29958;/*#ed1c24;*/
    color: white;
    margin-top: 40px;
    font-size: 25px;
    border-color: #fff;
    line-height: 58px;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -29px;
    margin-top: -29px;
}
		/* simple */
		.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 
		}

			/*
			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transform: rotateY(180deg);
				filter: FlipH;
    			-ms-filter: "FlipH";
			}
			*/
	    
		/* START: Accommodating for IE */
		.flip-container:hover .back, .flip-container.hover .back {
		    -webkit-transform: rotateY(0deg);
		    -moz-transform: rotateY(0deg);
		    -o-transform: rotateY(0deg);
		    -ms-transform: rotateY(0deg);
		    transform: rotateY(0deg);
		}
		
		.flip-container:hover .front, .flip-container.hover .front {
		    -webkit-transform: rotateY(180deg);
		    -moz-transform: rotateY(180deg);
		    -o-transform: rotateY(180deg);
		    transform: rotateY(180deg);
		}
		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 100%;
			height: 300px;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background: #fff;
			z-index: 2;
		}

		.back {
			background: #fff;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}


		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/*
			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
				-ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			*/

			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */
		
		
	
	
.flipper .front h5, .back p 
{
    margin-top: 20px;
}
.flipper .front h5 
{
    line-height: 31px;
    font-weight: bold;
    position: absolute;
    bottom: 40%; font-size: 140%;
    left: 5%;
    width: 90%;
}
.flipper .front p 
{  bottom: 20%;  padding: 0 5%;
    position: absolute; }


.flipper .back h5 {
    margin-top: 40px;margin-bottom: 10px; font-size: 120%;
}

.flipper .back p 
{
    text-align: center;
    padding: 0 20px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.82em;
}

/* fliper */




#PRACEA .item
{
    margin: 3px;
    box-shadow: 0px 0px 1px 2px rgba(26, 10, 10, 0.14)
}
#PRACEA .item img
{
    display: block;
    width: 100%;
    height: auto;
}

#PRACEA .item .text-info
{
	padding:10px 0px 10px 10px;
	text-align: center;
}
#PRACEA .item .text-info h4
{
	font-weight: 300; font-size: 14px;
}



#PRACEB .item
{
    margin: 20px 2%; position: relative;
    box-shadow: 0px 0px 1px 2px rgba(26, 10, 10, 0.14)
}
#PRACEB .item img
{
    display: block;
    width: 100%;
    height: auto;
}

#PRACEB .item .text-info
{
	position: absolute;
	bottom: 0px; width: 100%;
	padding: 0 2%;
	text-align: center; background: rgba(255, 255, 255, 0.90);
}
#PRACEB .item .text-info h4
{
	font-weight: 300; font-size: 14px;
}

#KONTAKT #map-canvas { margin-bottom: 30px; }
#KONTAKT #map-canvas iframe { max-height: 260px;  }

#KONTAKT .data {
    margin-bottom: 20px;
}
#KONTAKT .data i {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 20px;  
  text-align: center;
  font-size: 20px;
  padding-top: 8px;
  border-radius: 100%;
  background: #B0B0B0;
  color: #FFFFFF;
  float: left;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#KONTAKT .data i:hover {
  background: #26B7E3;
  color: #fff;
}
#KONTAKT .data span { padding: 0 2% 3% 1%; display: inline-block;  }
#KONTAKT .btn-send { float: right; margin-top: 20px }
#KONTAKT h3.marginnula, #KONTAKT h3.paddingnula { margin: 0; padding: 0; }

#PATICKA ul, #PATICKA li { list-style: none; }
#PATICKA  h3, #KONTAKT  h3,
#PATICKA  h2, #KONTAKT  h2 {
  
  padding-bottom: 25px;
}
.tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4 { padding: 0 0 5px 0; margin: 0; }

#PATICKA  h2 span, #KONTAKT  h2 span,
#PATICKA  h3 span, #KONTAKT  h3 span{
  color: #26B7E3;
}
#PATICKA ul {
  padding-top: 20px;
}
#PATICKA li {
  margin-bottom: 25px;
  display: inline-block;
  margin-right: 20px;
}
#PATICKA li h4 {
  padding-bottom: 10px;
  display: block;
  color: #26B7E3;
}
#PATICKA .info li h4 i,#PATICKA .info li h4 em {
  margin-right: 20px;
}
#PATICKA li p {
  color: #474747;
  font-size: 14px;
}
#PATICKA .social-media-link h3 {
  font-size: 20px;
  padding-bottom: 15px;
  padding-top: 30px;
}
#PATICKA .social-media-link h3 span {
  color: #26B7E3;
}
#PATICKA .social-media-link ul li {
  display: inline-block;
  margin-right: 20px;
}
#PATICKA .social-media-link ul li a {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 20px;
  padding-top: 8px;
  border-radius: 100%;
  background: #B0B0B0;
  color: #FFFFFF;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
}
#PATICKA .social-media-link ul li a:hover {
  background: #26B7E3;
  color: #fff;
}



nav {
    width: 100%;
    z-index: 99999;
}
nav .block {
    background: rgba(255, 255, 255, 0.89) none repeat scroll 0 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 10px 30px;
}
.is-sticky nav .block .navbar-brand img {
    height: auto;
    width: 50px;
}
.is-sticky nav .block {
    padding: 4px 30px 2px;
}
nav .navbar-default {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    margin-bottom: 0;
}
nav  .navbar-default .navbar-brand {
    height: auto;
    padding: 0;
    width: 60px;
}
nav  .navbar-default .navbar-nav {
    padding-top: 10px;
}
nav .block .navbar-default .navbar-nav > li > a {
    color: #2e2e2e;
    font-size: 15px;
    margin: 0 15px;
    padding: 10px 0;
    text-transform: uppercase;
}
nav  .navbar-default .navbar-nav > li > a::before {
    background-color: transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 0;
}
nav  .navbar-default .navbar-nav > li > a:hover::before {
    background-color: #3d000d;
    content: "";
    width: 100%;
}

nav  .navbar-default .navbar-nav > .active > a, nav .block .navbar-default .navbar-nav > .active > a:focus, nav .block .navbar-default .navbar-nav > .active > a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
nav  .navbar-default .navbar-nav > .active > a::before, nav .block .navbar-default .navbar-nav > .active > a:focus::before, nav .block .navbar-default .navbar-nav > .active > a:hover::before {
    background: #3d000d none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
}



/* gen. formulare */
/* --------------------------------------------------------------------------- */
.wrs_blok .tab-content .form-group label { color: #999; }
.wrs_blok .required, .wrs_blok .tab-content .form-group label.required { color: #cf1700; }
input.required, .wrs_blok .tab-content .form-group input.required  { color: #cf1700; font-weight: bold;  }
.form_adresar .f_chyba { left: 81% }
 .form_info { background: #FFE45C; border: 1px solid #ccc;  border-radius: 5px 5px 5px 5px;  clear: none;  margin-left: 5px; margin-top: 1px;  padding: 5px 10px 3px 5px; position: absolute; right: 0; top: 0; } 
 .form_info span { background-color: #FFFFFF; border-radius: 4px 4px 4px 4px; margin-right: 5px; position: relative; top: -2px; }
form div.ukazka, span.ukazka { font-size: 90%; color: #5E5E5E; float: left; padding: 8px 0 0 10px; } .ukazka i { margin-right: 5px; }
/* ------------------------------------------------------------------------- */
.f_chyba {  background: none repeat scroll 0 0 red;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    left: 90%; top: 26px;
    padding: 3px; margin: 3px 5px;
    position: absolute;  }
/* ------------------------------------------------------------------------- */
.wrs_dialog_block { position: relative; top: -20px; cursor: pointer; }
.wrs_dialog { cursor: pointer; font-size: 10px }
     .wrs_dialog_txt { display: none; position: absolute; z-index: 2; right: 0; width: 46%; 
	  border: 1px solid orange; background-color: yellow; padding: 4px; border-radius: 10px;
          top: -3px; right: -10px; position: absolute; z-index: 1;  }
     .wrs_dialog_txt p { margin: 0; }
     
#form_registrace fieldset {  }
#form_registrace .pole_2, #form_registrace .pole_3 , #form_registrace .pole_13 { display: none; }

#form_news_hlavni .plavacek { float: right; width: 20%; }
#form_news_hlavni .hlavni, fieldset.hlavni { width: 75%; }
#form_news_hlavni .pole_5, #form_news_hlavni .pole_7, #form_news_hlavni .pole_9 { width: 25%; float: right; font-size: 80%; }
#form_news_hlavni .pole_6, #form_news_hlavni .pole_8, #form_news_hlavni .pole_10 { width: 70%; margin-right: 4%; float: right; font-size: 80%; }
#form_news_hlavni .pole_17 {  }
#form_news_hlavni .pole_20 {  position: relative; }
#form_news_hlavni .pole_20 .wrs_dialog { top: 25px; }

#form_news_hlavni .pole_22 { margin-top: 10px; margin-right: 20px; width: 30%; min-width: 200px; float: right; margin-bottom: 0; }
#form_news_hlavni .pole_23 { margin-top: 10px; margin-right: 10px; width: 20%; min-width: 200px; float: right; margin-bottom: 0; }
#form_news_hlavni .posun { margin-top: 35px }

#form_zbozi_hlavni .plavacek { float: right; width: 20%; }
#form_zbozi_hlavni .hlavni { width: 75%; }
#form_zbozi_hlavni .pole_5, #form_zbozi_hlavni .pole_7, #form_zbozi_hlavni .pole_9 { width: 25%; float: right; font-size: 80%; clear: both; }
#form_zbozi_hlavni .pole_6, #form_zbozi_hlavni .pole_8, #form_zbozi_hlavni .pole_10 { width: 70%; margin-right: 4%;  float: right; font-size: 80%; }
#form_zbozi_hlavni .pole_11 { clear: both; }
#form_zbozi_hlavni .pole_17 { margin-bottom: 0; }
#form_zbozi_hlavni .posun { margin-top: 35px; }
#form_zbozi_hlavni .pole_26 { margin-top: 10px; margin-right: 20px; width: 30%; min-width: 200px; float: right; margin-bottom: 0; }
#form_zbozi_hlavni .pole_27 { margin-top: 10px; margin-right: 10px; width: 20%; min-width: 200px; float: right; margin-bottom: 0; }

#formzbozi_ico_nahled { position: relative; }

#form_zbozi_cena .plavacek { float: right; width: 40%; }
#form_zbozi_cena .hlavni { width: 45%; }
#form_zbozi_cena .pole_3, #form_zbozi_cena .pole_4, #form_zbozi_cena .pole_5 { padding-bottom: 20px }
#form_zbozi_cena .pole_3 input, #form_zbozi_cena .pole_4 input, #form_zbozi_cena .pole_5 input { margin-left: 5%; }
form .form_min_obr { width: 7%; position: absolute; left: -12%; } /* pro zobrazeni ikon akci ve formulari pri editaci */

#form_adresar .hlavni { width: 45%; margin-left: 3%; }
#form_adresar .plavacek { float: right; width: 45%; margin-right: 4%; }
#form_adresar .pole_2 { width: 20%; float: left; margin-right: 5%; }
#form_adresar .pole_3 { width: 20%; float: left; margin-right: 5%; }
#form_adresar .pole_4 { width: 20%; float: left; margin-right: 5%; }
#form_adresar .pole_6 { width: 30%; float: left; margin-right: 10%; }
#form_adresar .pole_7 { width: 25%; float: left; margin-right: 10%; }
#form_adresar .pole_8 { width: 15%; float: left; margin-right: 10%; }
#form_adresar .pole_9 { width: 30%; float: left; margin-right: 10%; }
#form_adresar .pole_10 { width: 40%; float: left; margin-right: 10%; }
#form_adresar .pole_17 { width: 20%; float: left; margin-right: 5%; }
#form_adresar .pole_18 { width: 60%; float: left }
#form_adresar .pole_11, #form_adresar .pole_5, #form_adresar .pole_19, #form_adresar .pole_22 , #form_adresar .pole_28 { clear: both; }
#form_adresar .pole_20 { width: 40%; float: left; margin-right: 10%; }
#form_adresar .pole_21 { width: 40%; float: left;  }
#form_adresar .pole_23 { width: 30%; float: left; margin-right: 10%; }
#form_adresar .pole_24 { width: 25%; float: left; margin-right: 10%; }
#form_adresar .pole_25 { width: 15%; float: left; margin-right: 10%; }
#form_adresar .pole_26 { width: 30%; float: left; margin-right: 10%; }
#form_adresar .pole_27 { width: 49%; float: left; margin-right: 10%; }
#form_adresar .pole_11 { width: 20%; float: left; margin-right: 10%; }
#form_adresar .pole_12 { width: 20%; float: left; margin-right: 10%; }
#form_adresar .pole_13 { width: 20%; float: left; margin-right: 10%; }

#form_doklady .pole_2 { float: left; width: 50%; margin-right: 5%; }
#form_doklady .pole_3 { float: left; width: 15%; margin-right: 5%; }
#form_doklady .pole_4 { float: left; width: 15%; }
#form_doklady .pole_5 { clear: both; float: left; width: 15%; margin-right: 5%; }
#form_doklady .pole_6 { float: left; width: 15%; margin-right: 5%; }
#form_doklady .pole_7 { float: left; width: 15%; margin-right: 5%;  }
#form_doklady .pole_8 { float: left; width: 15%; margin-right: 5%; }
#form_doklady .pole_9 { clear: both; }
/* polozky */
#form_doklady .pole_12 { float: left; width: 45%; margin-right: 5%; }
#form_doklady .pole_13 { float: left; width: 10%; margin-right: 5%; }
#form_doklady .pole_14 { float: left; width: 14%; margin-right: 5%; }
#form_doklady .pole_15 { float: left; width: 5%; margin-right: 5%; }
/* polozky */
#form_doklady .pole_19 { float: left; width: 45%; margin-right: 5%; }
#form_doklady .pole_20 { float: left; width: 10%; margin-right: 5%; }
#form_doklady .pole_21 { float: left; width: 14%; margin-right: 5%; }
#form_doklady .pole_22 { float: left; width: 5%; margin-right: 5%; }
/* polozky */
#form_doklady .pole_26 { float: left; width: 45%; margin-right: 5%; }
#form_doklady .pole_27 { float: left; width: 10%; margin-right: 5%; }
#form_doklady .pole_28 { float: left; width: 14%; margin-right: 5%; }
#form_doklady .pole_29 { float: left; width: 5%; margin-right: 5%; }
/* polozky */
#form_doklady .pole_33 { float: left; width: 45%; margin-right: 5%; }
#form_doklady .pole_34 { float: left; width: 10%; margin-right: 5%; }
#form_doklady .pole_35 { float: left; width: 14%; margin-right: 5%; }
#form_doklady .pole_36 { float: left; width: 5%; margin-right: 5%; }
/* polozky */
#form_doklady .pole_40 { float: left; width: 45%; margin-right: 5%; }
#form_doklady .pole_41 { float: left; width: 10%; margin-right: 5%; }
#form_doklady .pole_42 { float: left; width: 14%; margin-right: 5%; }
#form_doklady .pole_43 { float: left; width: 5%; margin-right: 5%; }

#fak_plus .cena input {  width: 78%; margin-right: 5%; }
#fak_plus div.form_info { bottom: -20px; top: auto }
/* --------------------------------------------------------------------------- */
/* gen form konec */


#WebCopyright { text-align: center; padding: 10px 0 0 0; 
    font-size: 12px; background: #26b7e3;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 15px; color: #fff;  
    text-align: center; font-weight: normal; }
#WebCopyright a { color: #fff; font-size: 12px;font-weight: normal }


/* WRS css KONEC */





.login_container {
  text-align: center;
  padding: 10px;
  margin: 0 10%;
  position: relative;
}

/*=== 3. Text Outside the Box ===*/
.etc-login-form {
  color: #000;
  padding: 10px 20px;
}
.etc-login-form p {
  margin-bottom: 5px;
}
/*=== 4. Main Form ===*/
.login-form-1 {
  max-width: 400px;
  min-width: 300px;
  border-radius: 5px;
  display: inline-block;
}
.login-form-1 .form-control {
  border: 0;
  box-shadow: 0 0 0;
  border-radius: 0;
  background: transparent;
  padding: 7px 0;
  font-weight: bold;
  height:auto;
  color: #000;
}
.login-form-1 .form-control::-webkit-input-placeholder {
  color: #999999;
}
.login-form-1 .form-control:-moz-placeholder,
.login-form-1 .form-control::-moz-placeholder,
.login-form-1 .form-control:-ms-input-placeholder {
  color: #999999;
}
.login-form-1 .form-group {
  margin-bottom: 0;
  border-bottom: 2px solid #efefef;
  padding-right: 20px;
  position: relative;
}
.login-form-1 .form-group:last-child {
  border-bottom: 0;
}
.login-group {
  background: #fff;
  color: #999999;
  border-radius: 8px;
  padding: 10px 20px; 
}
.login-group-checkbox {
  padding: 5px 0;
}
/*=== 5. Login Button ===*/
.login-form-1 .login-button {
  position: absolute;
  right: -10px;
  top: 50%;
  background: #ffffff;
  color: #999999;
  padding: 11px 0;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  border: 5px solid #efefef;
  border-radius: 50%;
  transition: all ease-in-out 500ms;
}
.login-form-1 .login-button:hover {
  color: #555555;
  transform: rotate(450deg);
}
.login-form-1 .login-button.clicked {
  color: #555555;
}
.login-form-1 .login-button.clicked:hover {
  transform: none;
}
.login-form-1 .login-button.clicked.success {
  color: #2ecc71;
}
.login-form-1 .login-button.clicked.error {
  color: #e74c3c;
}
/*=== 6. Form Invalid ===*/
label.form-invalid {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  display: block;
  margin-top: -25px;
  padding: 7px 9px;
  background: #777777;
  color: #ffffff;
  border-radius: 5px;
  font-weight: bold;
  font-size: 11px;
}
label.form-invalid:after {
  top: 100%;
  right: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #777777;
  border-width: 6px;
}
/*=== 7. Form - Main Message ===*/
.login-form-main-message {
  background: #ffffff;
  color: #000;
  border-left: 3px solid transparent;
  border-radius: 3px;
  margin-bottom: 8px;
  font-weight: bold;
  height: 0;
  padding: 0 20px 0 17px;
  opacity: 0;
  transition: all ease-in-out 200ms;
}
.login-form-main-message.show {
  height: auto;
  opacity: 1;
  padding: 10px 20px 10px 17px;
}
.login-form-main-message.success {
  border-left-color: #2ecc71;
}
.login-form-main-message.error {
  border-left-color: #e74c3c;
}
/*=== 8. Custom Checkbox & Radio ===*/
/* Base for label styling */
.login_container [type="checkbox"]:not(:checked),
.login_container [type="checkbox"]:checked,
.login_container [type="radio"]:not(:checked),
.login_container [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.login_container [type="checkbox"]:not(:checked) + label,
.login_container [type="checkbox"]:checked + label,
.login_container [type="radio"]:not(:checked) + label,
.login_container [type="radio"]:checked + label {
  position: relative;
  padding-left: 25px;
  padding-top: 1px;
  cursor: pointer;
}
/* checkbox aspect */
.login_container [type="checkbox"]:not(:checked) + label:before,
.login_container [type="checkbox"]:checked + label:before,
.login_container [type="radio"]:not(:checked) + label:before,
.login_container [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  border: 0px solid #aaa;
  background: #f0f0f0;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
/* checked mark aspect */
.login_container [type="checkbox"]:not(:checked) + label:after,
.login_container [type="checkbox"]:checked + label:after,
.login_container [type="radio"]:not(:checked) + label:after,
.login_container [type="radio"]:checked + label:after {
  position: absolute;
  color: #555555;
  transition: all .2s;
}
/* checked mark aspect changes */
.login_container [type="checkbox"]:not(:checked) + label:after,
.login_container [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.login_container [type="checkbox"]:checked + label:after,
.login_container [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.login_container [type="checkbox"]:disabled:not(:checked) + label:before,
.login_container [type="checkbox"]:disabled:checked + label:before,
.login_container [type="radio"]:disabled:not(:checked) + label:before,
.login_container [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #8c8c8c;
  background-color: #878787;
}
.login_container [type="checkbox"]:disabled:checked + label:after,
.login_container [type="radio"]:disabled:checked + label:after {
  color: #555555;
}
.login_container [type="checkbox"]:disabled + label,
.login_container [type="radio"]:disabled + label {
  color: #8c8c8c;
}
/* accessibility */
.login_container [type="checkbox"]:checked:focus + label:before,
.login_container [type="checkbox"]:not(:checked):focus + label:before,
.login_container [type="checkbox"]:checked:focus + label:before,
.login_container [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #f6f6f6;
}
/* hover style just for information */
label:hover:before {
  border: 1px solid #f6f6f6 !important;
}
/*=== Customization ===*/
/* radio aspect */
.login_container [type="checkbox"]:not(:checked) + label:before,
.login_container [type="checkbox"]:checked + label:before {
  border-radius: 3px;
}
.login_container [type="radio"]:not(:checked) + label:before,
.login_container [type="radio"]:checked + label:before {
  border-radius: 35px;
}
/* selected mark aspect */
.login_container [type="checkbox"]:not(:checked) + label:after,
.login_container [type="checkbox"]:checked + label:after {
  content: '✔';
  top: 0;
  left: 2px;
  font-size: 14px;
}
.login_container [type="radio"]:not(:checked) + label:after,
.login_container [type="radio"]:checked + label:after {
  content: '\2022';
  top: 0;
  left: 3px;
  font-size: 30px;
  line-height: 25px;
}