@charset 'utf-8';

/*v0.0.5*/

.oldsplit,
.oldsplit > * + * {
    overflow:hidden;
}
.oldsplit > * {
    position:relative;
    min-height:1px;
}
.oldsplit > :first-child {
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.oldsplit.oldflip > :first-child {
    float:right;
}
.oldsplit[class*='gap-'].line > :first-child:after,
.oldsplit[class*='gap-'].line > :first-child > .after {
    position:absolute;
    top:0;
    width:1px;
    height:9999px;
    content:'';
    background-color:#ccc;
}
.oldsplit.by_1to1 > :first-child { width:50%; }
.oldsplit.by_1to2 > :first-child { width:33.33%; }
.oldsplit.by_1to3 > :first-child { width:25%; }
.oldsplit.by_1to4 > :first-child { width:20%; }
.oldsplit.by_2to1 > :first-child { width:66.66%; }
.oldsplit.by_3to1 > :first-child { width:75%; }
.oldsplit.by_4to1 > :first-child { width:80%; }
.oldsplit.by_2to3 > :first-child { width:40%; }
.oldsplit.by_3to2 > :first-child { width:60%; }

.oldsplit.gap-5  { padding-left:5px;  } .oldsplit.gap-5  > :first-child { left:-5px; }
.oldsplit.gap-10 { padding-left:10px; } .oldsplit.gap-10 > :first-child { left:-10px; }
.oldsplit.gap-15 { padding-left:15px; } .oldsplit.gap-15 > :first-child { left:-15px; }
.oldsplit.gap-20 { padding-left:20px; } .oldsplit.gap-20 > :first-child { left:-20px; }
.oldsplit.gap-25 { padding-left:25px; } .oldsplit.gap-25 > :first-child { left:-25px; }
.oldsplit.gap-30 { padding-left:30px; } .oldsplit.gap-30 > :first-child { left:-30px; }
.oldsplit.gap-35 { padding-left:35px; } .oldsplit.gap-35 > :first-child { left:-35px; }
.oldsplit.gap-40 { padding-left:40px; } .oldsplit.gap-40 > :first-child { left:-40px; }
.oldsplit.gap-45 { padding-left:45px; } .oldsplit.gap-45 > :first-child { left:-45px; }
.oldsplit.gap-50 { padding-left:50px; } .oldsplit.gap-50 > :first-child { left:-50px; }

.oldsplit.gap-5.oldflip  { padding:0 5px 0 0;  } .oldsplit.gap-5.oldflip  > :first-child { left:auto; right:-5px; }
.oldsplit.gap-10.oldflip { padding:0 10px 0 0; } .oldsplit.gap-10.oldflip > :first-child { left:auto; right:-10px; }
.oldsplit.gap-15.oldflip { padding:0 15px 0 0; } .oldsplit.gap-15.oldflip > :first-child { left:auto; right:-15px; }
.oldsplit.gap-20.oldflip { padding:0 20px 0 0; } .oldsplit.gap-20.oldflip > :first-child { left:auto; right:-20px; }
.oldsplit.gap-25.oldflip { padding:0 25px 0 0; } .oldsplit.gap-25.oldflip > :first-child { left:auto; right:-25px; }
.oldsplit.gap-30.oldflip { padding:0 30px 0 0; } .oldsplit.gap-30.oldflip > :first-child { left:auto; right:-30px; }
.oldsplit.gap-35.oldflip { padding:0 35px 0 0; } .oldsplit.gap-35.oldflip > :first-child { left:auto; right:-35px; }
.oldsplit.gap-40.oldflip { padding:0 40px 0 0; } .oldsplit.gap-40.oldflip > :first-child { left:auto; right:-40px; }
.oldsplit.gap-45.oldflip { padding:0 45px 0 0; } .oldsplit.gap-45.oldflip > :first-child { left:auto; right:-45px; }
.oldsplit.gap-50.oldflip { padding:0 50px 0 0; } .oldsplit.gap-50.oldflip > :first-child { left:auto; right:-50px; }

.oldsplit.gap-5.line  { padding-left:11px;  } .oldsplit.gap-5.line >  :first-child { left:-11px;  } .oldsplit.gap-5.line  > :first-child:after, .oldsplit.gap-5.line   > :first-child > .after { right:-6px; }
.oldsplit.gap-10.line { padding-left:21px;  } .oldsplit.gap-10.line > :first-child { left:-21px;  } .oldsplit.gap-10.line > :first-child:after, .oldsplit.gap-10.line  > :first-child > .after { right:-11px; }
.oldsplit.gap-15.line { padding-left:31px;  } .oldsplit.gap-15.line > :first-child { left:-31px;  } .oldsplit.gap-15.line > :first-child:after, .oldsplit.gap-15.line  > :first-child > .after { right:-16px; }
.oldsplit.gap-20.line { padding-left:41px;  } .oldsplit.gap-20.line > :first-child { left:-41px;  } .oldsplit.gap-20.line > :first-child:after, .oldsplit.gap-20.line  > :first-child > .after { right:-21px; }
.oldsplit.gap-25.line { padding-left:51px;  } .oldsplit.gap-25.line > :first-child { left:-51px;  } .oldsplit.gap-25.line > :first-child:after, .oldsplit.gap-25.line  > :first-child > .after { right:-26px; }
.oldsplit.gap-30.line { padding-left:61px;  } .oldsplit.gap-30.line > :first-child { left:-61px;  } .oldsplit.gap-30.line > :first-child:after, .oldsplit.gap-30.line  > :first-child > .after { right:-31px; }
.oldsplit.gap-35.line { padding-left:71px;  } .oldsplit.gap-35.line > :first-child { left:-71px;  } .oldsplit.gap-35.line > :first-child:after, .oldsplit.gap-35.line  > :first-child > .after { right:-36px; }
.oldsplit.gap-40.line { padding-left:81px;  } .oldsplit.gap-40.line > :first-child { left:-81px;  } .oldsplit.gap-40.line > :first-child:after, .oldsplit.gap-40.line  > :first-child > .after { right:-41px; }
.oldsplit.gap-45.line { padding-left:91px;  } .oldsplit.gap-45.line > :first-child { left:-91px;  } .oldsplit.gap-45.line > :first-child:after, .oldsplit.gap-45.line  > :first-child > .after { right:-46px; }
.oldsplit.gap-50.line { padding-left:101px; } .oldsplit.gap-50.line > :first-child { left:-101px; } .oldsplit.gap-50.line > :first-child:after, .oldsplit.gap-50.line  > :first-child > .after { right:-51px; }

.oldsplit.gap-5.line.oldflip  { padding:0 11px  0 0; } .oldsplit.gap-5.line.oldflip  > :first-child { left:auto; right:-11px;  } .oldsplit.gap-5.line.oldflip  > :first-child:after, .oldsplit.gap-5.line.oldflip   > :first-child > .after { left:-6px; }
.oldsplit.gap-10.line.oldflip { padding:0 21px  0 0; } .oldsplit.gap-10.line.oldflip > :first-child { left:auto; right:-21px;  } .oldsplit.gap-10.line.oldflip > :first-child:after, .oldsplit.gap-10.line.oldflip  > :first-child > .after { left:-11px; }
.oldsplit.gap-15.line.oldflip { padding:0 31px  0 0; } .oldsplit.gap-15.line.oldflip > :first-child { left:auto; right:-31px;  } .oldsplit.gap-15.line.oldflip > :first-child:after, .oldsplit.gap-15.line.oldflip  > :first-child > .after { left:-16px; }
.oldsplit.gap-20.line.oldflip { padding:0 41px  0 0; } .oldsplit.gap-20.line.oldflip > :first-child { left:auto; right:-41px;  } .oldsplit.gap-20.line.oldflip > :first-child:after, .oldsplit.gap-20.line.oldflip  > :first-child > .after { left:-21px; }
.oldsplit.gap-25.line.oldflip { padding:0 51px  0 0; } .oldsplit.gap-25.line.oldflip > :first-child { left:auto; right:-51px;  } .oldsplit.gap-25.line.oldflip > :first-child:after, .oldsplit.gap-25.line.oldflip  > :first-child > .after { left:-26px; }
.oldsplit.gap-30.line.oldflip { padding:0 61px  0 0; } .oldsplit.gap-30.line.oldflip > :first-child { left:auto; right:-61px;  } .oldsplit.gap-30.line.oldflip > :first-child:after, .oldsplit.gap-30.line.oldflip  > :first-child > .after { left:-31px; }
.oldsplit.gap-35.line.oldflip { padding:0 71px  0 0; } .oldsplit.gap-35.line.oldflip > :first-child { left:auto; right:-71px;  } .oldsplit.gap-35.line.oldflip > :first-child:after, .oldsplit.gap-35.line.oldflip  > :first-child > .after { left:-36px; }
.oldsplit.gap-40.line.oldflip { padding:0 81px  0 0; } .oldsplit.gap-40.line.oldflip > :first-child { left:auto; right:-81px;  } .oldsplit.gap-40.line.oldflip > :first-child:after, .oldsplit.gap-40.line.oldflip  > :first-child > .after { left:-41px; }
.oldsplit.gap-45.line.oldflip { padding:0 91px  0 0; } .oldsplit.gap-45.line.oldflip > :first-child { left:auto; right:-91px;  } .oldsplit.gap-45.line.oldflip > :first-child:after, .oldsplit.gap-45.line.oldflip  > :first-child > .after { left:-46px; }
.oldsplit.gap-50.line.oldflip { padding:0 101px 0 0; } .oldsplit.gap-50.line.oldflip > :first-child { left:auto; right:-101px; } .oldsplit.gap-50.line.oldflip > :first-child:after, .oldsplit.gap-50.line.oldflip  > :first-child > .after { left:-51px; }