html, body { height: 100%; }
body {margin: 0; font-size: 15px;color: #000;font-weight: 400;}
a, a:link, a:visited {text-decoration: none;outline: none; color:#2c2e83;}
a:hover {text-decoration: underline;}

body, .pure-g [class*="pure-u"] {font-family: 'Roboto', 'Open Sans', sans-serif; }

button, a.button {
    text-decoration:none;
    display:inline-block;
    color:#FFF;
    padding:7px 30px;
    border-radius:20px;
    border:none;
    background: linear-gradient(90deg, rgba(46,49,128,1) 0%, rgba(46,49,128,0.76) 100%);
}

img {border:none;}
.blank {width:100%;background:#fff;}
.clear {height: 1px; clear: both; font-size: 0;}
.h40 {height:40px;}
.m20 {margin: 20px;}

.apply {background:#f9db85;text-align: center;font-size:1.2em;line-height:1.5em;padding:25px 20px;}
.apply p {margin-top:0;}
.apply a {font-size:1rem;border:solid 1px #2c2e83;color:#2c2e83;background:#fff;}

.holdermax {margin:0 auto;width:100%;max-width: 1180px;}
.holdermed {margin:0 auto;width:100%;max-width: 980px;}
.holder {margin:0 auto;width:100%;max-width: 732px;}
.holder2 {margin:0 auto;width:100%;max-width: 520px;}
.p10 {padding:10px 0;}
.p20 {padding:20px 0;}
.p40 {padding:40px 0;}
.p60 {padding:60px 0;}

#logo { float:left;height:75%;margin-top:12px;}
#top { height:95px;font-size:14px;background:#fff;padding:0;}
#top img.tel {margin:0 5px -4px 0;} #top img.mail, #top img.fb {margin:0 5px -1px 25px;}

.header, .header2, .header4, .header_stov { font-family: 'Roboto Slab', serif; }
.header { height:50vh;background: url('../img/header.jpg') center center;background-size:cover;font-weight:400;text-shadow: 1px 1px 3px #666;}
.header2 { height:50vh;background: url('../img/header2.jpg') center center;background-size:cover;font-weight:400;text-shadow: 1px 1px 3px #666;}
.header3 { height:50vh;background: url('../img/header_dar.jpg') center center;background-size:cover;font-weight:400;text-shadow: 1px 1px 3px #666;}
.header4 { height:50vh;background: url('../img/header4.jpg') center center;background-size:cover;font-weight:400;text-shadow: 1px 1px 3px #666;}

.header_stov { height:50vh;background: url('../img/header_stovykla.jpg') center center;background-size:cover;font-weight:400;text-shadow: 1px 1px 3px #666;}

.header_stov_teatras { height:50vh;background: url('../img/teatras/header.png') center center;background-size:cover;font-weight:400;text-shadow: 1px 1px 3px #666;}

.headerinner {
    height:100%;z-index:10000;width:100%;
    color:#fff;
  font-size:2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align:center;
}
@media only screen and (min-width: 1051px) {
    .headerinner {
        height:50vh;
    }
}


.header-darzelis1 {
    background: url('../img/header_dar.jpg') no-repeat center center;
    background-size:cover;
}
.header-darzelis2 {
    background: url('../img/kimoci-slide.jpg') no-repeat center center;
    background-size:cover;
}

.afterhead {font-size:0.8em;color:#fff;padding:10px 0;background:#2c2e83;text-align: center;}
.afterhead img {height:35px;margin-bottom: 8px;}
.wline {border-top:solid 1px #fff;margin-top:40px;}
.slogan {background:#f7f7f7;text-align: center;font-size:1em;line-height:1.5em;}
.d1, .d2 {color:#333;}

.dashtop {height:60px;border-style: dotted;border-left: none;border-top: none;}
.dashtop2 {height:60px;border-style: dotted;border-right: none;border-top: none;}
.dashleft {height:60px;border-style: dotted;border-right: none;border-top: none;border-bottom: none;}
.dashright {height:60px;border-style: dotted;border-left: none;border-top: none;border-bottom: none;}
.d1 img {float:right;height:100px;display:absolute;margin-right: -50px;}
.d1img {margin-top: 35px;}
.d2img {}
.d1 p {margin-right:70px;}
.d2 img {float:left;height:100px;display:absolute;margin-left: -50px;}
.d2 h3, .d2 p {margin-left:70px;}

.team {color:#2c2e83;text-align: center;font-size: 0.8em;}
.team img {width: 100%;margin-bottom: 7px;box-shadow: 0px 0px 10px #999;}
.team a {background:#fff;display:inline-block;margin-top:10px;border:solid 1px #2c2e83;padding:7px 15px;}
.hash {font-size: 1.4em;display:block;margin-bottom: 5px;}

.team .holder2 {
    max-width:680px;
}

.BLUE_DIALOG .teacher-img {
    float:left;
    margin-right:20px;
    width:60px;
    border-radius:30px;
    outline:none;
    box-shadow:none;
}
.BLUE_DIALOG .teacher-name {
    line-height:60px;
}

.team2 {color:#2c2e83;text-align: center;padding:20px 20px 0 0;}
.team2 .hash {margin:10px 0;}

.contact {background:#f9db85;}
.contactvid {background:#e6e6e6;}

h1 { color: #2c2e83; font-weight: 500; }
h2 { color: #2c2e83;font-weight: 500;  }
h3 {color: #2c2e83;font-weight: 500;}
h4 {color: #2c2e83;font-weight: 500;}
.holder2 .title {text-align:center;}

.green {color: #009460;}
.yellow {color: #f0bf1b;}
.light {color: #4daacb;}
.red {color: #e73645;}
.bggrey {background:#e6e6e6 !important;}
.bgyellow {background: #f0bf1b;}

.content {color:#000;line-height: 1.6em;font-size:15px;}
.content h3 {margin:50px 0 30px 0;}
.content img {max-width: 100%; /*outline: 1px solid white;  outline-offset: -5px;*/}
.content table td {padding: 5px 15px 5px 0;}
.content ul {padding: 10px 15px !important;margin:0;}

.ugdymas { position: relative;margin-bottom:15px;}
.ugdymas img { width:100%;}
.ugdymas_new img { margin:20px 0 0 0;width:60px;}

.ug { font-size: 1.4rem;line-height:2rem;text-transform: uppercase;color: #fff;position:absolute;width:100%; bottom: 20px;text-align: center;font-weight: 600;}
.ug p { margin:0; }
.ug_bl {padding:20px;text-align:center;}
.ug_bl p {text-align:justify;}

.ug_bl h3 {margin-top: 20px;}
.ug_bl a {display:block;text-align: right;margin-bottom:50px;}
.ug_img {height:80px;border: none !important;box-shadow: none !important;outline:none !important;}
#ug01text, #ug02text, #ug03text {display: none;}


.img_r {float:right;margin: 0px;width:60%;border-radius:20px;}
.w20 {width:30%;}
.noshad img, .noshad { box-shadow: none !important; }

.kontaktai_forma_h {font-size: 1.5em;margin-bottom: 25px;display:block;color:#2a2927;}
.kontaktai_forma p {font-size: 1.05em;line-height: 1.5em;}
.inp {font-size: 1em;line-height: 1.5em;padding:15px;width:100%;max-width:100%;margin-bottom: 30px;border:solid 1px #aeaed2;box-shadow: 0px 0px 7px #999; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.inp_check {font-size: 1em;line-height: 1.5em;padding:15px;margin:0 10px 30px 0;border:solid 1px #aeaed2;box-shadow: 0px 0px 7px #999; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.inp_c {margin-right:10px;border:solid 1px #aeaed2;box-shadow: 0px 0px 7px #999; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.inp_text {font-size: 1em;line-height: 1.5em;padding:0px;width:100%;max-width:100%;margin-bottom: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kontaktai_forma textarea {width:100%;max-width:100%;height:100px;padding:15px;margin-bottom: 30px;border:solid 1px #aeaed2;box-shadow: 0px 0px 7px #999; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.subas { font-size: 0.95em;padding: 15px;background: #2c2e83; color:#fff; width:100%; }
.bblue { padding: 13px 20px;background: #2c2e83; color:#fff !important; margin-top:7px;}
.byellow { padding: 13px 20px;background: #ffbb33; color:#333 !important; margin-top:7px;}
.blue-button { background: #2c2e83; color:#fff !important; }
.lightblue-button { background: #3fa8f4; color:#fff !important; }
.green-button { background: green; color:#fff !important; }
.white-button { background: white; color:#2c2e83 !important; border:1px solid #2c2e83; padding: 9px 20px; }
.white-button:hover { background: #2c2e83; color:white !important; border:1px solid #2c2e83; text-decoration:none; }

a.pure-button {
    display:inline-block;
    padding: 13px 20px;
    border-radius:3px;
}

.header_stov_teatras .header-text {
    margin-left:20%;
}

.teatras .inp,
.kontaktai_forma .teatras textarea {
    background:#EEE;
    border:none;
    box-shadow:none;
}
.dienotvarke {
    background:#FFF;
    padding:30px;
    box-shadow:0 0 5px #CCC;
    color:#999;
    position:relative;
    text-align:left;
}
.dienotvarke h2 {
    margin-bottom:30px;
    margin-top:10px;
}
.dienotvarke table td {
    padding:7px;
    padding-left:0px;
    padding-right:14px;
    vertical-align:top;
}
.dienotvarke .img {
    position:absolute;
    top:5px;
    right:5px;
}
.dienotvarke-small-texts {
    color:#999;
    text-align:left;
}
.stovyklos-vadoves h3 {
    margin-top:0px;
}
.stovyklos-vadoves h5 {
    color:#2c2e83;
    margin-top:3px;
    margin-bottom:5px;
    font-size:1em;
}
.stovyklos-vadoves img {
    max-width:100%;
}
.stovyklos-vadoves span {
    display:inline-block;
    margin-bottom:25px;
}

@media only screen and (max-width : 767px) {
    .stovyklos-vadoves {
        margin-top:30px;
    }
    .stovyklos-vadoves img {
        max-width:94%;
    }
    .dienotvarke h2 {
        font-size:1.6em;
    }
    .header_stov_teatras .header-text {
        max-width:80%;
    }
}

.dar_h {font-size: 3.2em;border-right: solid 4px #f04e62;font-family: 'Roboto Slab', serif !important;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.dar_slo {font-size: 2.2em;text-align:left;font-family: 'Roboto Slab', serif !important;}
.dar_slo div {padding-left:50px;margin-top: 6px;}
.darzelis ul {  list-style: none; margin:0;padding: 0;}
.darzelis ul li { background: url('../img/ul_li.png') no-repeat 0px 10px; padding:10px 0px 10px 30px; }
.dar_b1, .dar_b2 {background:#fff;padding:30px;margin:10px;text-align: left;line-height:1.5em;font-size:0.8rem;color: #333;min-height:84%;}
.dar_b1 { box-shadow: 1px 1px 5px #666;}
.dar_b2 {border-radius: 10px;}
.dar_li { height:15px;margin:0 5px; }

.arklys {margin:24px 0 0 450px;height:100px;position: absolute;}

.mob, .mobi, .tab, .inv {display:none;}

.alert {font-size: 1em;line-height: 1.5em;padding:15px;margin-bottom: 30px;width:100%;max-width:100%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.alert-danger { color: #721c24; background-color: #f8d7da; border: solid 1px #721c24; }
.alert-success { color: #155724; background-color: #d4edda; border: solid 1px #155724; }


.zemelapis {text-align:center;}

.midbox {	margin: 0;padding:0 20px; width: auto;max-width:1160px; margin-left:auto; margin-right:auto;}
.mid { margin-left:auto; margin-right:auto;}
.ac {text-align:center;}
.skirt {margin:0 0 15px 0;}
.nopd {padding:0;} .nopd2 {padding:20px 0 60px 0;}
.print {margin:0 10px -2px 0;}
.s50 {font-size: 0.6em !important;}
.noflex {display:block !important;}
.center {text-align:center !important;}
.fnormal {font-weight: lighter !important;line-height: 1.8em;}

#slidein-xx {position:fixed; bottom:-50px; right:-200px; width:200px; background-color:grey; height:250px;}
#slidecontrol { position:absolute; left:-20px; background:red; color:white; width:20px; height:250px;}

#slidein {  
    position: fixed;  
    top:120px;  
    right: -275px;  
    transition: 0.9s;  
    padding: 30px;  
    font-size: 1em;  
    border-radius: 8px 0 0 8px;  
    width:275px;  
    background:url('/site/images/pop-bgr.jpg') center center no-repeat #2c2e83;
    background-size:cover;
    color:#fff;
    box-shadow:0 0 10px #000;
    z-index:2147483647;
}
#slidein:hover {  
    right: 0px;
}
#slidein:hover #xas {
    display:none;
}
.pasleptas {right: -275px;}
#slidein a {
    margin-top:15px;
    color:#FFF;
    text-decoration:none;
    display:block;
    background:none;
    margin-top:15px;
}
#slidein h3 {
    font-size:2em;
    font-weight:400;
    color:#FFF;
    margin:10px 0; 
}
#slidein span.txt2 {
    color:#4eabca;
}
#xas {
    position:absolute; 
    margin-left:-25px;
    margin-top:180px;
    color:#FFF;
    font-size:1.5em;
    padding:3px;
}
#xas:hover {cursor: pointer;}

#m_slidein {
    display: none;
    bottom:-345px;
}

#m_slidein a {
    background:none;
    color:#f9db85;
}

.nob, .nob img {border: none !important;outline:none !important;}
.nopad {padding:0 !important;}
.t_l {text-align:left;}

.headerinner:before{
  content: '';
}

.owl-item.active .headerinner{
  animation: 2s 1.5s fadeIn both;
}


  #footer { 

    background: rgb(100,155,215);
    background: linear-gradient(180deg, rgba(100,155,215,1) 0%, rgba(36,81,134,1) 100%);      
      
    padding:25px 0;
    bottom: 0;
    position:relative;
  }

  #copy { color: #fff;}
  #copy a:active, #copy a:link, #copy a:visited {color: #fff; text-decoration: none;}
  #copy a:hover {color: #fff; text-decoration: underline;}
  
  #copy img {}
  #copy img.ico {width:15px;margin:0 5px -1px 0;} #copy img.ico2 {height:15px;margin:0 5px -3px 25px;}
  #copy p { margin:0; padding: 7px 0px; font-size: 15px; }

  .fleft { font-weight:bold;}
  .fright { float:right;text-align:right;}



/* -- MISC -- */

    .blue-row {        background:#323386;    }
    .blue-row h3 {        color:#4eabca;    } 
    .blue-row p {        color:#FFF;    }
    .blue-row .toggler-link {         color:#FFF;    }
    .toggler-text {        display:none;    }
    .toggler-link {        cursor:pointer;    }


/* -- submenu -- */

.submenu ul {
  background:#c83a48;list-style:none;color:#edeeef;font-size:0.9em;
  margin: 30px 0;
  padding: 15px 0 20px 0;  
  box-shadow: 0px 0px 5px -3px #000;
}

.submenu ul li {  border-bottom: solid 1px #dd868f; text-align: left; margin:0 25px;padding: 7px 0 7px 0;}
.submenu ul li a {  padding-left: 5px;  }

.submenu ul li a, .submenu ul li a:link, .submenu ul li a:visited {color:#edeeef; text-decoration: none;}
.submenu ul li a:hover, .submenu ul li a.active {border:none;}

  
/* -- o_O -- */

#top-fixed {
    position: fixed;
    width: 100%;
    z-index: 100;
}
#top-fixed-spacer {
    display:block;
    height:95px;
}
#top-fixed.opened {
    position: relative;
}
/*
body.scrolled #top-fixed {
    background:rgb(255,255,255);
    box-shadow:0 25px 98px 0 rgb(7 6 8 / 7%);
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    transition: all 1s ease-in;    
}

#top-fixed.menu-hovered {
    background:rgb(255,255,255);
    box-shadow:0 25px 98px 0 rgb(7 6 8 / 7%);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;    
}
*/

@media only screen and (max-width : 1051px) {
    
    body.stop-scroll {
        overflow:hidden !important;
        position:fixed;
        width:100%;
    }
    
    #top-fixed-spacer {
        height:72px;
    }
    
    #top-fixed {
        background:#FFF;
    }
    
  #menu {
    position:absolute;
    width:100%;
    background: #fff;  
    z-index: 99;
    max-height: calc(100vh - 71px);
    overflow: auto;
  }
  #top {position: relative !important;height:auto;text-align:center;width:100%;}
  #logo { height:55px;margin:12px 0 0 12px;}
  .header, .header2, .header4, .header_stov {margin-top: 5px;height:200px;text-align: center;}
  .header-darzelis1, .header-darzelis2 {margin-top: 5px;height:250px;text-align: center;}
  .headerinner {font-size:1.3rem;line-height:1.5em;}
  .afterhead .pure-g {font-size: 0.8em !important;}
  .afterhead img {height:25px;margin-bottom: 8px;}
  .slogan {font-size: 0.9em;padding:0 20px;}
  h2 {font-size: 1.8em; line-height: 1.2em;}

  .dashtop, .dashtop2, .dashleft, .dashright {display: none;}
  .d1 img, .d2 img {float: none;height:80px;margin:0 auto;}
  .d1, .d2 {margin:30px 20px;text-align: center;}
  .d1 p, .d2 p, .d1 h3, .d2 h3 {margin-left:0;margin-right:0;}

  .content {padding: 0 20px;}

  .team {padding: 0 20px;}
  .arklys {display: none;}
  .kontaktai_forma {padding:0 20px;}
  #copy {line-height:1.8em;}

  .tab {display:block !important;}
  #slidein {display: none;}

  
	#m_slidein {  
            display:block;
            position: fixed;  
            bottom:-345px;  
            right: 0;  
            transition: 0.9s;  
            padding: 0px;  
            font-size: 1em;  
            border-radius: 0;  
            width:100%;  
            background: #2c2e83;
            color:#fff;
            box-shadow:0 0 10px #000;
            z-index:2147483647;
        }
	#m_slidein:hover {  
            bottom:0px;
        }
  #m_slidein a { 
      font-size: 0.8em;
      padding:0;
      margin:0;
      position:relative;
      z-index:2;
      display:block;
      background:#2c2e83;
      padding:15px 7px;  
      line-height: 1.5em;
  }
  #m_slidein a b {
      color:#FFF;
  }
#m_slidein p { 
    padding:0 5px;
    padding-bottom:15px;
    margin:0;
}
  #m_xas {
      position:absolute; 
      z-index:1;
      margin-top:-30px;
      color:#f9db85;
      font-size:1.5em;
      padding:7px 20px 7px 20px;
      height:45px;
      border-radius: 50%;
      background:#2c2e83;
      left:50%;
      margin-left:-29px;
      text-align: center;
      box-shadow:0 0 10px #000;
  }
	#m_xas img {margin-top:-35px;height:24px;}
	#m_xas:hover {cursor: pointer;}
  #m_rod {
      font-size: 2em;
      position:absolute;
      margin: 33px 0 0 140px;
  }
	#m_rod img {height:16px;}
}

@media only screen and (max-width : 767px) {
  .img_r {float:none;width:100%;margin: 20px 0;}
  .ug { font-size: 2.2rem;line-height:2.6rem;margin-bottom: 3%; }
  .header { background: url('../img/header_mob.jpg') center center;background-size:cover; }
  .header2 { background: url('../img/header_mob2.jpg') center center;background-size:cover; }
  .header_stov { background: url('../img/header_stovykla_mob.jpg') center center;background-size:cover;}
  .stov_head { line-height:1.1em; }
  .stov_head p { line-height:1.5em; margin:20px 0 0 0;}
  .stov_slo { font-size:1.4em;}
  .stov_slo .s50 {padding:10px 30px;}
  .title {text-align:center;}
  .content img {max-width: 100%;}
  .ugdymas_new { text-align:center;}
  .ugdymas_new img { margin:30px 0 0 0;width:80px;}
  h4 {margin:10px 0 0 0;}
  .dar_h {font-size: 3.2em;border:none;margin-bottom:15px;}
  .dar_slo div {padding:0px;text-align:center;}
  .darzelis {  padding: 0 20px; -moz-box-sizing: border-box; box-sizing: border-box;}
  .dar_b1, .dar_b2 {background:#fff;padding:30px;margin:10px 30px;text-align: left;line-height:1.5em;font-size:0.8rem;color: #333;min-height:auto;}

  .m_center {text-align:center;}
  
    .header-darzelis1, .header-darzelis2 { height:200px;}  
    
    .content h3 {margin:20px 0 30px 0;}
}

@media only screen and (max-width : 500px) {
  .mob {display:block !important;}
  .mobi {display:inline; }
  .nomob {display: none;}
  .inp_check {font-size: 1em;line-height: 1.2em;padding:15px;margin:0 10px 0 0;border:solid 1px #aeaed2;box-shadow: 0px 0px 7px #999; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
  .inp_text {margin-bottom: 10px; }
  .subas {margin-top:18px;}
  .ug { font-size: 1.8rem;line-height:2.2rem;margin-bottom: 0px; }  
  .team2 {padding:20px 0 0 0;}
  .header-darzelis1, .header-darzelis2 { height:150px;}  
}

@media only screen and (max-width : 420px) {
  .hash {font-size: 1.2em;}
  .ug { font-size: 1.5rem;line-height:2rem;margin-bottom: 0px; }
  .team .teacher {
      position:relative;
      margin:10px 0;
  }
  .team .teacher .more {
      position:absolute;
      bottom:-20px;
      white-space:nowrap;
      left:15%;
  }
}

@media only screen and (max-width : 370px) {  
  .hash {font-size: 1.2em;}
  .ug { font-size: 1.2rem;line-height:1.7rem;margin-bottom: 0px; }
}

.vacances {
    border-collapse:collapse;
    width:100%;
    margin-top:30px;
}
.vacances td {
    padding:10px !important;
}
.vacances td p {
    margin:0px;
}


.D_DIALOG.custom-baner {
    width:80%;
    max-width:1100PX;
}
.D_DIALOG.custom-baner img {
    box-shadow:none;
    width:100%;
    max-width:100%;
}
.D_DIALOG.custom-baner .content {
    padding:0px;
    padding-bottom:15px;
    text-align:center;
    margin-top:-1px;
}
.D_DIALOG.custom-baner .title {
    padding:0px;
    margin:0px;
}
.D_DIALOG.custom-baner .close {
    color:white;
    font-size:32px;
    right:20px;
}



@media only screen and (max-width : 640px) {

    .D_DIALOG.custom-baner {
        width:100%;
        height:auto;
    }

    
    .fb_dialog iframe {
        bottom: 75px !important;
}
    iframe.fb_customer_chat_bounce_in_v2 {
        bottom: 110pt !important;
    }
    iframe.fb_customer_chat_bounce_out_v2 {
        bottom: 110pt !important;
    }
    iframe.fb_mpn_mobile_landing_page_slide_up {
        bottom: 145px !important;
    }
    
}


/* Basic styles */
.pure-checkbox-css input[type="checkbox"],
.pure-checkbox-css input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.pure-checkbox-css label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 2em;
  height: 1.5em;
  line-height: 1.5;
  cursor: pointer;
}
.pure-checkbox-css label::before,
.pure-checkbox-css label::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.5em;
  height: 1.5em;
}
.pure-checkbox-css label::before {
  content: " ";
  border: 2px solid #bdc3c7;
  border-radius: 0;
}
/* Checkbox */
.pure-checkbox-css input[type="checkbox"] + label::after {
  content: " ";
    top: .82em;
    left: .42em;
    width: 1em;
    height: 1em;
    background: #2c3e50;
}
/* Radio */
.pure-checkbox-css input[type="radio"] + label::before {
  border-radius: 50%;
}
.pure-checkbox-css input[type=radio] + label::after {
  content: " ";
    top: .82em;
    left: .42em;
    width: 0.6em;
    height: 0.6em;
    background: #2c3e50;
  border: .2em solid #2c3e50;
  border-radius: 50%;
}
/* :checked */
.pure-checkbox-css input[type="checkbox"]:checked + label::before,
.pure-checkbox-css input[type="radio"]:checked + label::before {
  background: #fff;
  border-color: #666;
}
.pure-checkbox-css input[type="checkbox"] + label::after,
.pure-checkbox-css input[type=radio] + label::after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.pure-checkbox-css input[type="checkbox"]:checked + label::after,
.pure-checkbox-css input[type=radio]:checked + label::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Transition */
.pure-checkbox-css label::before,
.pure-checkbox-css label::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}