@charset "UTF-8";

.sprites {
  background-image: url(https://wpcdn.pl/wp-pilot/site_sprites.1c8ae7e1.png);
}

.sprites-10_hd {
  width: 72px;
  height: 72px;
  background-position: -1468px -864px;
}

.sprites-10 {
  width: 72px;
  height: 72px;
  background-position: -1036px -864px;
}

.sprites-1000_hd {
  width: 72px;
  height: 72px;
  background-position: -1468px -936px;
}

.sprites-1000 {
  width: 72px;
  height: 72px;
  background-position: -72px -100px;
}

.sprites-1001_hd {
  width: 72px;
  height: 72px;
  background-position: -172px 0px;
}

.sprites-1001 {
  width: 72px;
  height: 72px;
  background-position: -172px -72px;
}

.sprites-1002_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -172px;
}

.sprites-1002 {
  width: 72px;
  height: 72px;
  background-position: -72px -172px;
}

.sprites-102_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -172px;
}

.sprites-102 {
  width: 72px;
  height: 72px;
  background-position: -244px 0px;
}

.sprites-103_hd {
  width: 72px;
  height: 72px;
  background-position: -244px -72px;
}

.sprites-103 {
  width: 72px;
  height: 72px;
  background-position: -244px -144px;
}

.sprites-107_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -244px;
}

.sprites-107 {
  width: 72px;
  height: 72px;
  background-position: -72px -244px;
}

.sprites-11_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -244px;
}

.sprites-11 {
  width: 72px;
  height: 72px;
  background-position: -216px -244px;
}

.sprites-112_hd {
  width: 72px;
  height: 72px;
  background-position: -316px 0px;
}

.sprites-112 {
  width: 72px;
  height: 72px;
  background-position: -316px -72px;
}

.sprites-12_hd {
  width: 72px;
  height: 72px;
  background-position: -316px -144px;
}

.sprites-12 {
  width: 72px;
  height: 72px;
  background-position: -316px -216px;
}

.sprites-122_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -316px;
}

.sprites-122 {
  width: 72px;
  height: 72px;
  background-position: -72px -316px;
}

.sprites-123_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -316px;
}

.sprites-123 {
  width: 72px;
  height: 72px;
  background-position: -216px -316px;
}

.sprites-124_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -316px;
}

.sprites-124 {
  width: 72px;
  height: 72px;
  background-position: -388px 0px;
}

.sprites-125_hd {
  width: 72px;
  height: 72px;
  background-position: -388px -72px;
}

.sprites-125 {
  width: 72px;
  height: 72px;
  background-position: -388px -144px;
}

.sprites-126_hd {
  width: 72px;
  height: 72px;
  background-position: -388px -216px;
}

.sprites-126 {
  width: 72px;
  height: 72px;
  background-position: -388px -288px;
}

.sprites-127_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -388px;
}

.sprites-127 {
  width: 72px;
  height: 72px;
  background-position: -72px -388px;
}

.sprites-129_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -388px;
}

.sprites-129 {
  width: 72px;
  height: 72px;
  background-position: -216px -388px;
}

.sprites-130_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -388px;
}

.sprites-130 {
  width: 72px;
  height: 72px;
  background-position: -360px -388px;
}

.sprites-131_hd {
  width: 72px;
  height: 72px;
  background-position: -460px 0px;
}

.sprites-131 {
  width: 72px;
  height: 72px;
  background-position: -460px -72px;
}

.sprites-132_hd {
  width: 72px;
  height: 72px;
  background-position: -460px -144px;
}

.sprites-132 {
  width: 72px;
  height: 72px;
  background-position: -460px -216px;
}

.sprites-133_hd {
  width: 72px;
  height: 72px;
  background-position: -460px -288px;
}

.sprites-133 {
  width: 72px;
  height: 72px;
  background-position: -460px -360px;
}

.sprites-134_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -460px;
}

.sprites-134 {
  width: 72px;
  height: 72px;
  background-position: -72px -460px;
}

.sprites-135_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -460px;
}

.sprites-135 {
  width: 72px;
  height: 72px;
  background-position: -216px -460px;
}

.sprites-136_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -460px;
}

.sprites-136 {
  width: 72px;
  height: 72px;
  background-position: -360px -460px;
}

.sprites-138_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -460px;
}

.sprites-138 {
  width: 72px;
  height: 72px;
  background-position: -532px 0px;
}

.sprites-14_hd {
  width: 72px;
  height: 72px;
  background-position: -532px -72px;
}

.sprites-14 {
  width: 72px;
  height: 72px;
  background-position: -532px -144px;
}

.sprites-143_hd {
  width: 72px;
  height: 72px;
  background-position: -532px -216px;
}

.sprites-143 {
  width: 72px;
  height: 72px;
  background-position: -532px -288px;
}

.sprites-144_hd {
  width: 72px;
  height: 72px;
  background-position: -532px -360px;
}

.sprites-144 {
  width: 72px;
  height: 72px;
  background-position: -532px -432px;
}

.sprites-149_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -532px;
}

.sprites-149 {
  width: 72px;
  height: 72px;
  background-position: -72px -532px;
}

.sprites-150_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -532px;
}

.sprites-150 {
  width: 72px;
  height: 72px;
  background-position: -216px -532px;
}

.sprites-151_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -532px;
}

.sprites-151 {
  width: 72px;
  height: 72px;
  background-position: -360px -532px;
}

.sprites-156_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -532px;
}

.sprites-156 {
  width: 72px;
  height: 72px;
  background-position: -504px -532px;
}

.sprites-157_hd {
  width: 72px;
  height: 72px;
  background-position: -604px 0px;
}

.sprites-157 {
  width: 72px;
  height: 72px;
  background-position: -604px -72px;
}

.sprites-158_hd {
  width: 72px;
  height: 72px;
  background-position: -604px -144px;
}

.sprites-158 {
  width: 72px;
  height: 72px;
  background-position: -604px -216px;
}

.sprites-164_hd {
  width: 72px;
  height: 72px;
  background-position: -604px -288px;
}

.sprites-164 {
  width: 72px;
  height: 72px;
  background-position: -604px -360px;
}

.sprites-166_hd {
  width: 72px;
  height: 72px;
  background-position: -604px -432px;
}

.sprites-166 {
  width: 72px;
  height: 72px;
  background-position: -604px -504px;
}

.sprites-17_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -604px;
}

.sprites-17 {
  width: 72px;
  height: 72px;
  background-position: -72px -604px;
}

.sprites-172_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -604px;
}

.sprites-172 {
  width: 72px;
  height: 72px;
  background-position: -216px -604px;
}

.sprites-173_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -604px;
}

.sprites-173 {
  width: 72px;
  height: 72px;
  background-position: -360px -604px;
}

.sprites-174_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -604px;
}

.sprites-174 {
  width: 72px;
  height: 72px;
  background-position: -504px -604px;
}

.sprites-18_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -604px;
}

.sprites-18 {
  width: 72px;
  height: 72px;
  background-position: -676px 0px;
}

.sprites-181_hd {
  width: 72px;
  height: 72px;
  background-position: -676px -72px;
}

.sprites-181 {
  width: 72px;
  height: 72px;
  background-position: -676px -144px;
}

.sprites-182_hd {
  width: 72px;
  height: 72px;
  background-position: -676px -216px;
}

.sprites-182 {
  width: 72px;
  height: 72px;
  background-position: -676px -288px;
}

.sprites-183_hd {
  width: 72px;
  height: 72px;
  background-position: -676px -360px;
}

.sprites-183 {
  width: 72px;
  height: 72px;
  background-position: -676px -432px;
}

.sprites-187_hd {
  width: 72px;
  height: 72px;
  background-position: -676px -504px;
}

.sprites-187 {
  width: 72px;
  height: 72px;
  background-position: -676px -576px;
}

.sprites-188_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -676px;
}

.sprites-188 {
  width: 72px;
  height: 72px;
  background-position: -72px -676px;
}

.sprites-189_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -676px;
}

.sprites-189 {
  width: 72px;
  height: 72px;
  background-position: -216px -676px;
}

.sprites-190_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -676px;
}

.sprites-190 {
  width: 72px;
  height: 72px;
  background-position: -360px -676px;
}

.sprites-191_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -676px;
}

.sprites-191 {
  width: 72px;
  height: 72px;
  background-position: -504px -676px;
}

.sprites-192_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -676px;
}

.sprites-192 {
  width: 72px;
  height: 72px;
  background-position: -648px -676px;
}

.sprites-193_hd {
  width: 72px;
  height: 72px;
  background-position: -748px 0px;
}

.sprites-193 {
  width: 72px;
  height: 72px;
  background-position: -748px -72px;
}

.sprites-194_hd {
  width: 72px;
  height: 72px;
  background-position: -748px -144px;
}

.sprites-194 {
  width: 72px;
  height: 72px;
  background-position: -748px -216px;
}

.sprites-204_hd {
  width: 72px;
  height: 72px;
  background-position: -748px -288px;
}

.sprites-204 {
  width: 72px;
  height: 72px;
  background-position: -748px -360px;
}

.sprites-205_hd {
  width: 72px;
  height: 72px;
  background-position: -748px -432px;
}

.sprites-205 {
  width: 72px;
  height: 72px;
  background-position: -748px -504px;
}

.sprites-206_hd {
  width: 72px;
  height: 72px;
  background-position: -748px -576px;
}

.sprites-206 {
  width: 72px;
  height: 72px;
  background-position: -748px -648px;
}

.sprites-207_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -748px;
}

.sprites-207 {
  width: 72px;
  height: 72px;
  background-position: -72px -748px;
}

.sprites-208_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -748px;
}

.sprites-208 {
  width: 72px;
  height: 72px;
  background-position: -216px -748px;
}

.sprites-209_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -748px;
}

.sprites-209 {
  width: 72px;
  height: 72px;
  background-position: -360px -748px;
}

.sprites-21_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -748px;
}

.sprites-21 {
  width: 72px;
  height: 72px;
  background-position: -504px -748px;
}

.sprites-210_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -748px;
}

.sprites-210 {
  width: 72px;
  height: 72px;
  background-position: -648px -748px;
}

.sprites-211_hd {
  width: 72px;
  height: 72px;
  background-position: -720px -748px;
}

.sprites-211 {
  width: 72px;
  height: 72px;
  background-position: -820px 0px;
}

.sprites-212_hd {
  width: 72px;
  height: 72px;
  background-position: -820px -72px;
}

.sprites-212 {
  width: 72px;
  height: 72px;
  background-position: -820px -144px;
}

.sprites-213_hd {
  width: 72px;
  height: 72px;
  background-position: -820px -216px;
}

.sprites-213 {
  width: 72px;
  height: 72px;
  background-position: -820px -288px;
}

.sprites-216_hd {
  width: 72px;
  height: 72px;
  background-position: -820px -360px;
}

.sprites-216 {
  width: 72px;
  height: 72px;
  background-position: -820px -432px;
}

.sprites-217_hd {
  width: 72px;
  height: 72px;
  background-position: -820px -504px;
}

.sprites-217 {
  width: 72px;
  height: 72px;
  background-position: -820px -576px;
}

.sprites-218_hd {
  width: 72px;
  height: 72px;
  background-position: -820px -648px;
}

.sprites-218 {
  width: 72px;
  height: 72px;
  background-position: -820px -720px;
}

.sprites-219_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -820px;
}

.sprites-219 {
  width: 72px;
  height: 72px;
  background-position: -72px -820px;
}

.sprites-22_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -820px;
}

.sprites-22 {
  width: 72px;
  height: 72px;
  background-position: -216px -820px;
}

.sprites-220_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -820px;
}

.sprites-220 {
  width: 72px;
  height: 72px;
  background-position: -360px -820px;
}

.sprites-221_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -820px;
}

.sprites-221 {
  width: 72px;
  height: 72px;
  background-position: -504px -820px;
}

.sprites-222_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -820px;
}

.sprites-222 {
  width: 72px;
  height: 72px;
  background-position: -648px -820px;
}

.sprites-223_hd {
  width: 72px;
  height: 72px;
  background-position: -720px -820px;
}

.sprites-223 {
  width: 72px;
  height: 72px;
  background-position: -792px -820px;
}

.sprites-224_hd {
  width: 72px;
  height: 72px;
  background-position: -892px 0px;
}

.sprites-224 {
  width: 72px;
  height: 72px;
  background-position: -892px -72px;
}

.sprites-225_hd {
  width: 72px;
  height: 72px;
  background-position: -892px -144px;
}

.sprites-225 {
  width: 72px;
  height: 72px;
  background-position: -892px -216px;
}

.sprites-226_hd {
  width: 72px;
  height: 72px;
  background-position: -892px -288px;
}

.sprites-226 {
  width: 72px;
  height: 72px;
  background-position: -892px -360px;
}

.sprites-227_hd {
  width: 72px;
  height: 72px;
  background-position: -892px -432px;
}

.sprites-227 {
  width: 72px;
  height: 72px;
  background-position: -892px -504px;
}

.sprites-228_hd {
  width: 72px;
  height: 72px;
  background-position: -892px -576px;
}

.sprites-228 {
  width: 72px;
  height: 72px;
  background-position: -892px -648px;
}

.sprites-229_hd {
  width: 72px;
  height: 72px;
  background-position: -892px -720px;
}

.sprites-229 {
  width: 72px;
  height: 72px;
  background-position: -892px -792px;
}

.sprites-230_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -892px;
}

.sprites-230 {
  width: 72px;
  height: 72px;
  background-position: -72px -892px;
}

.sprites-231_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -892px;
}

.sprites-231 {
  width: 72px;
  height: 72px;
  background-position: -216px -892px;
}

.sprites-232_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -892px;
}

.sprites-232 {
  width: 72px;
  height: 72px;
  background-position: -360px -892px;
}

.sprites-233_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -892px;
}

.sprites-233 {
  width: 72px;
  height: 72px;
  background-position: -504px -892px;
}

.sprites-234_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -892px;
}

.sprites-234 {
  width: 72px;
  height: 72px;
  background-position: -648px -892px;
}

.sprites-235_hd {
  width: 72px;
  height: 72px;
  background-position: -720px -892px;
}

.sprites-235 {
  width: 72px;
  height: 72px;
  background-position: -792px -892px;
}

.sprites-236_hd {
  width: 72px;
  height: 72px;
  background-position: -864px -892px;
}

.sprites-236 {
  width: 72px;
  height: 72px;
  background-position: -964px 0px;
}

.sprites-237_hd {
  width: 72px;
  height: 72px;
  background-position: -964px -72px;
}

.sprites-237 {
  width: 72px;
  height: 72px;
  background-position: -964px -144px;
}

.sprites-238_hd {
  width: 72px;
  height: 72px;
  background-position: -964px -216px;
}

.sprites-238 {
  width: 72px;
  height: 72px;
  background-position: -964px -288px;
}

.sprites-239_hd {
  width: 72px;
  height: 72px;
  background-position: -964px -360px;
}

.sprites-239 {
  width: 72px;
  height: 72px;
  background-position: -964px -432px;
}

.sprites-24_hd {
  width: 72px;
  height: 72px;
  background-position: -964px -504px;
}

.sprites-24 {
  width: 72px;
  height: 72px;
  background-position: -964px -576px;
}

.sprites-240_hd {
  width: 72px;
  height: 72px;
  background-position: -964px -648px;
}

.sprites-240 {
  width: 72px;
  height: 72px;
  background-position: -964px -720px;
}

.sprites-242_hd {
  width: 72px;
  height: 72px;
  background-position: -964px -792px;
}

.sprites-242 {
  width: 72px;
  height: 72px;
  background-position: -964px -864px;
}

.sprites-243_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -964px;
}

.sprites-243 {
  width: 72px;
  height: 72px;
  background-position: -72px -964px;
}

.sprites-244_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -964px;
}

.sprites-244 {
  width: 72px;
  height: 72px;
  background-position: -216px -964px;
}

.sprites-245_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -964px;
}

.sprites-245 {
  width: 72px;
  height: 72px;
  background-position: -360px -964px;
}

.sprites-246_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -964px;
}

.sprites-246 {
  width: 72px;
  height: 72px;
  background-position: -504px -964px;
}

.sprites-247_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -964px;
}

.sprites-247 {
  width: 72px;
  height: 72px;
  background-position: -648px -964px;
}

.sprites-248_hd {
  width: 72px;
  height: 72px;
  background-position: -720px -964px;
}

.sprites-248 {
  width: 72px;
  height: 72px;
  background-position: -792px -964px;
}

.sprites-249_hd {
  width: 72px;
  height: 72px;
  background-position: -864px -964px;
}

.sprites-249 {
  width: 72px;
  height: 72px;
  background-position: -936px -964px;
}

.sprites-25_hd {
  width: 72px;
  height: 72px;
  background-position: -1036px 0px;
}

.sprites-25 {
  width: 72px;
  height: 72px;
  background-position: -1036px -72px;
}

.sprites-250_hd {
  width: 72px;
  height: 72px;
  background-position: -1036px -144px;
}

.sprites-250 {
  width: 72px;
  height: 72px;
  background-position: -1036px -216px;
}

.sprites-251_hd {
  width: 72px;
  height: 72px;
  background-position: -1036px -288px;
}

.sprites-251 {
  width: 72px;
  height: 72px;
  background-position: -1036px -360px;
}

.sprites-254_hd {
  width: 72px;
  height: 72px;
  background-position: -1036px -432px;
}

.sprites-254 {
  width: 72px;
  height: 72px;
  background-position: -1036px -504px;
}

.sprites-255_hd {
  width: 72px;
  height: 72px;
  background-position: -1036px -576px;
}

.sprites-255 {
  width: 72px;
  height: 72px;
  background-position: -1036px -648px;
}

.sprites-256_hd {
  width: 72px;
  height: 72px;
  background-position: -1036px -720px;
}

.sprites-256 {
  width: 72px;
  height: 72px;
  background-position: -1036px -792px;
}

.sprites-257_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -100px;
}

.sprites-257 {
  width: 72px;
  height: 72px;
  background-position: -1036px -936px;
}

.sprites-258_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -1036px;
}

.sprites-258 {
  width: 72px;
  height: 72px;
  background-position: -72px -1036px;
}

.sprites-26_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -1036px;
}

.sprites-26 {
  width: 72px;
  height: 72px;
  background-position: -216px -1036px;
}

.sprites-260_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -1036px;
}

.sprites-260 {
  width: 72px;
  height: 72px;
  background-position: -360px -1036px;
}

.sprites-261_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -1036px;
}

.sprites-261 {
  width: 72px;
  height: 72px;
  background-position: -504px -1036px;
}

.sprites-262_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -1036px;
}

.sprites-262 {
  width: 72px;
  height: 72px;
  background-position: -648px -1036px;
}

.sprites-263_hd {
  width: 72px;
  height: 72px;
  background-position: -720px -1036px;
}

.sprites-263 {
  width: 72px;
  height: 72px;
  background-position: -792px -1036px;
}

.sprites-264_hd {
  width: 72px;
  height: 72px;
  background-position: -864px -1036px;
}

.sprites-264 {
  width: 72px;
  height: 72px;
  background-position: -936px -1036px;
}

.sprites-265_hd {
  width: 72px;
  height: 72px;
  background-position: -1008px -1036px;
}

.sprites-265 {
  width: 72px;
  height: 72px;
  background-position: -1108px 0px;
}

.sprites-266_hd {
  width: 72px;
  height: 72px;
  background-position: -1108px -72px;
}

.sprites-266 {
  width: 72px;
  height: 72px;
  background-position: -1108px -144px;
}

.sprites-268_hd {
  width: 72px;
  height: 72px;
  background-position: -1108px -216px;
}

.sprites-268 {
  width: 72px;
  height: 72px;
  background-position: -1108px -288px;
}

.sprites-269_hd {
  width: 72px;
  height: 72px;
  background-position: -1108px -360px;
}

.sprites-269 {
  width: 72px;
  height: 72px;
  background-position: -1108px -432px;
}

.sprites-27_hd {
  width: 72px;
  height: 72px;
  background-position: -1108px -504px;
}

.sprites-27 {
  width: 72px;
  height: 72px;
  background-position: -1108px -576px;
}

.sprites-271_hd {
  width: 72px;
  height: 72px;
  background-position: -1108px -648px;
}

.sprites-271 {
  width: 72px;
  height: 72px;
  background-position: -1108px -720px;
}

.sprites-272_hd {
  width: 72px;
  height: 72px;
  background-position: -1108px -792px;
}

.sprites-272 {
  width: 72px;
  height: 72px;
  background-position: -1108px -864px;
}

.sprites-273_hd {
  width: 72px;
  height: 72px;
  background-position: -1108px -936px;
}

.sprites-273 {
  width: 72px;
  height: 72px;
  background-position: -1108px -1008px;
}

.sprites-274_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -1108px;
}

.sprites-274 {
  width: 72px;
  height: 72px;
  background-position: -72px -1108px;
}

.sprites-276_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -1108px;
}

.sprites-276 {
  width: 72px;
  height: 72px;
  background-position: -216px -1108px;
}

.sprites-277_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -1108px;
}

.sprites-277 {
  width: 72px;
  height: 72px;
  background-position: -360px -1108px;
}

.sprites-278_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -1108px;
}

.sprites-278 {
  width: 72px;
  height: 72px;
  background-position: -504px -1108px;
}

.sprites-279_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -1108px;
}

.sprites-279 {
  width: 72px;
  height: 72px;
  background-position: -648px -1108px;
}

.sprites-28_hd {
  width: 72px;
  height: 72px;
  background-position: -720px -1108px;
}

.sprites-28 {
  width: 72px;
  height: 72px;
  background-position: -792px -1108px;
}

.sprites-280_hd {
  width: 72px;
  height: 72px;
  background-position: -864px -1108px;
}

.sprites-280 {
  width: 72px;
  height: 72px;
  background-position: -936px -1108px;
}

.sprites-281_hd {
  width: 72px;
  height: 72px;
  background-position: -1008px -1108px;
}

.sprites-281 {
  width: 72px;
  height: 72px;
  background-position: -1080px -1108px;
}

.sprites-283_hd {
  width: 72px;
  height: 72px;
  background-position: -1180px 0px;
}

.sprites-283 {
  width: 72px;
  height: 72px;
  background-position: -1180px -72px;
}

.sprites-284_hd {
  width: 72px;
  height: 72px;
  background-position: -1180px -144px;
}

.sprites-284 {
  width: 72px;
  height: 72px;
  background-position: -1180px -216px;
}

.sprites-285_hd {
  width: 72px;
  height: 72px;
  background-position: -1180px -288px;
}

.sprites-285 {
  width: 72px;
  height: 72px;
  background-position: -1180px -360px;
}

.sprites-286_hd {
  width: 72px;
  height: 72px;
  background-position: -1180px -432px;
}

.sprites-286 {
  width: 72px;
  height: 72px;
  background-position: -1180px -504px;
}

.sprites-287_hd {
  width: 72px;
  height: 72px;
  background-position: -1180px -576px;
}

.sprites-287 {
  width: 72px;
  height: 72px;
  background-position: -1180px -648px;
}

.sprites-288_hd {
  width: 72px;
  height: 72px;
  background-position: -1180px -720px;
}

.sprites-288 {
  width: 72px;
  height: 72px;
  background-position: -1180px -792px;
}

.sprites-289_hd {
  width: 72px;
  height: 72px;
  background-position: -1180px -864px;
}

.sprites-289 {
  width: 72px;
  height: 72px;
  background-position: -1180px -936px;
}

.sprites-29_hd {
  width: 72px;
  height: 72px;
  background-position: -1180px -1008px;
}

.sprites-29 {
  width: 72px;
  height: 72px;
  background-position: -1180px -1080px;
}

.sprites-290_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -1180px;
}

.sprites-290 {
  width: 72px;
  height: 72px;
  background-position: -72px -1180px;
}

.sprites-291_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -1180px;
}

.sprites-291 {
  width: 72px;
  height: 72px;
  background-position: -216px -1180px;
}

.sprites-292_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -1180px;
}

.sprites-292 {
  width: 72px;
  height: 72px;
  background-position: -360px -1180px;
}

.sprites-293_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -1180px;
}

.sprites-293 {
  width: 72px;
  height: 72px;
  background-position: -504px -1180px;
}

.sprites-294_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -1180px;
}

.sprites-294 {
  width: 72px;
  height: 72px;
  background-position: -648px -1180px;
}

.sprites-295_hd {
  width: 72px;
  height: 72px;
  background-position: -720px -1180px;
}

.sprites-295 {
  width: 72px;
  height: 72px;
  background-position: -792px -1180px;
}

.sprites-296_hd {
  width: 72px;
  height: 72px;
  background-position: -864px -1180px;
}

.sprites-296 {
  width: 72px;
  height: 72px;
  background-position: -936px -1180px;
}

.sprites-297_hd {
  width: 72px;
  height: 72px;
  background-position: -1008px -1180px;
}

.sprites-297 {
  width: 72px;
  height: 72px;
  background-position: -1080px -1180px;
}

.sprites-298_hd {
  width: 72px;
  height: 72px;
  background-position: -1152px -1180px;
}

.sprites-298 {
  width: 72px;
  height: 72px;
  background-position: -1252px 0px;
}

.sprites-3_hd {
  width: 72px;
  height: 72px;
  background-position: -1252px -72px;
}

.sprites-3 {
  width: 72px;
  height: 72px;
  background-position: -1252px -144px;
}

.sprites-30_hd {
  width: 72px;
  height: 72px;
  background-position: -1252px -216px;
}

.sprites-30 {
  width: 72px;
  height: 72px;
  background-position: -1252px -288px;
}

.sprites-300_hd {
  width: 72px;
  height: 72px;
  background-position: -1252px -360px;
}

.sprites-300 {
  width: 72px;
  height: 72px;
  background-position: -1252px -432px;
}

.sprites-301_hd {
  width: 72px;
  height: 72px;
  background-position: -1252px -504px;
}

.sprites-301 {
  width: 72px;
  height: 72px;
  background-position: -1252px -576px;
}

.sprites-302_hd {
  width: 72px;
  height: 72px;
  background-position: -1252px -648px;
}

.sprites-302 {
  width: 72px;
  height: 72px;
  background-position: -1252px -720px;
}

.sprites-303_hd {
  width: 72px;
  height: 72px;
  background-position: -1252px -792px;
}

.sprites-303 {
  width: 72px;
  height: 72px;
  background-position: -1252px -864px;
}

.sprites-304_hd {
  width: 72px;
  height: 72px;
  background-position: -1252px -936px;
}

.sprites-304 {
  width: 72px;
  height: 72px;
  background-position: -1252px -1008px;
}

.sprites-305_hd {
  width: 72px;
  height: 72px;
  background-position: -1252px -1080px;
}

.sprites-305 {
  width: 72px;
  height: 72px;
  background-position: -1252px -1152px;
}

.sprites-306_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -1252px;
}

.sprites-306 {
  width: 72px;
  height: 72px;
  background-position: -72px -1252px;
}

.sprites-307_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -1252px;
}

.sprites-307 {
  width: 72px;
  height: 72px;
  background-position: -216px -1252px;
}

.sprites-309_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -1252px;
}

.sprites-309 {
  width: 72px;
  height: 72px;
  background-position: -360px -1252px;
}

.sprites-31_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -1252px;
}

.sprites-31 {
  width: 72px;
  height: 72px;
  background-position: -504px -1252px;
}

.sprites-312_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -1252px;
}

.sprites-312 {
  width: 72px;
  height: 72px;
  background-position: -648px -1252px;
}

.sprites-315_hd {
  width: 72px;
  height: 72px;
  background-position: -720px -1252px;
}

.sprites-315 {
  width: 72px;
  height: 72px;
  background-position: -792px -1252px;
}

.sprites-316_hd {
  width: 72px;
  height: 72px;
  background-position: -864px -1252px;
}

.sprites-316 {
  width: 72px;
  height: 72px;
  background-position: -936px -1252px;
}

.sprites-318_hd {
  width: 72px;
  height: 72px;
  background-position: -1008px -1252px;
}

.sprites-318 {
  width: 72px;
  height: 72px;
  background-position: -1080px -1252px;
}

.sprites-319_hd {
  width: 72px;
  height: 72px;
  background-position: -1152px -1252px;
}

.sprites-319 {
  width: 72px;
  height: 72px;
  background-position: -1224px -1252px;
}

.sprites-32_hd {
  width: 72px;
  height: 72px;
  background-position: -1324px 0px;
}

.sprites-32 {
  width: 72px;
  height: 72px;
  background-position: -1324px -72px;
}

.sprites-320_hd {
  width: 72px;
  height: 72px;
  background-position: -1324px -144px;
}

.sprites-320 {
  width: 72px;
  height: 72px;
  background-position: -1324px -216px;
}

.sprites-330_hd {
  width: 72px;
  height: 72px;
  background-position: -1324px -288px;
}

.sprites-330 {
  width: 72px;
  height: 72px;
  background-position: -1324px -360px;
}

.sprites-331_hd {
  width: 72px;
  height: 72px;
  background-position: -1324px -432px;
}

.sprites-331 {
  width: 72px;
  height: 72px;
  background-position: -1324px -504px;
}

.sprites-332_hd {
  width: 72px;
  height: 72px;
  background-position: -1324px -576px;
}

.sprites-332 {
  width: 72px;
  height: 72px;
  background-position: -1324px -648px;
}

.sprites-337_hd {
  width: 72px;
  height: 72px;
  background-position: -1324px -720px;
}

.sprites-337 {
  width: 72px;
  height: 72px;
  background-position: -1324px -792px;
}

.sprites-338_hd {
  width: 72px;
  height: 72px;
  background-position: -1324px -864px;
}

.sprites-338 {
  width: 72px;
  height: 72px;
  background-position: -1324px -936px;
}

.sprites-34_hd {
  width: 72px;
  height: 72px;
  background-position: -1324px -1008px;
}

.sprites-34 {
  width: 72px;
  height: 72px;
  background-position: -1324px -1080px;
}

.sprites-340_hd {
  width: 72px;
  height: 72px;
  background-position: -1324px -1152px;
}

.sprites-340 {
  width: 72px;
  height: 72px;
  background-position: -1324px -1224px;
}

.sprites-342_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -1324px;
}

.sprites-342 {
  width: 72px;
  height: 72px;
  background-position: -72px -1324px;
}

.sprites-343_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -1324px;
}

.sprites-343 {
  width: 72px;
  height: 72px;
  background-position: -216px -1324px;
}

.sprites-344_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -1324px;
}

.sprites-344 {
  width: 72px;
  height: 72px;
  background-position: -360px -1324px;
}

.sprites-345_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -1324px;
}

.sprites-345 {
  width: 72px;
  height: 72px;
  background-position: -504px -1324px;
}

.sprites-36_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -1324px;
}

.sprites-36 {
  width: 72px;
  height: 72px;
  background-position: -648px -1324px;
}

.sprites-37_hd {
  width: 72px;
  height: 72px;
  background-position: -720px -1324px;
}

.sprites-37 {
  width: 72px;
  height: 72px;
  background-position: -792px -1324px;
}

.sprites-38_hd {
  width: 72px;
  height: 72px;
  background-position: -864px -1324px;
}

.sprites-38 {
  width: 72px;
  height: 72px;
  background-position: -936px -1324px;
}

.sprites-39_hd {
  width: 72px;
  height: 72px;
  background-position: -1008px -1324px;
}

.sprites-39 {
  width: 72px;
  height: 72px;
  background-position: -1080px -1324px;
}

.sprites-40_hd {
  width: 72px;
  height: 72px;
  background-position: -1152px -1324px;
}

.sprites-40 {
  width: 72px;
  height: 72px;
  background-position: -1224px -1324px;
}

.sprites-41_hd {
  width: 72px;
  height: 72px;
  background-position: -1296px -1324px;
}

.sprites-41 {
  width: 72px;
  height: 72px;
  background-position: -1396px 0px;
}

.sprites-42_hd {
  width: 72px;
  height: 72px;
  background-position: -1396px -72px;
}

.sprites-42 {
  width: 72px;
  height: 72px;
  background-position: -1396px -144px;
}

.sprites-43_hd {
  width: 72px;
  height: 72px;
  background-position: -1396px -216px;
}

.sprites-43 {
  width: 72px;
  height: 72px;
  background-position: -1396px -288px;
}

.sprites-45_hd {
  width: 72px;
  height: 72px;
  background-position: -1396px -360px;
}

.sprites-45 {
  width: 72px;
  height: 72px;
  background-position: -1396px -432px;
}

.sprites-46_hd {
  width: 72px;
  height: 72px;
  background-position: -1396px -504px;
}

.sprites-46 {
  width: 72px;
  height: 72px;
  background-position: -1396px -576px;
}

.sprites-48_hd {
  width: 72px;
  height: 72px;
  background-position: -1396px -648px;
}

.sprites-48 {
  width: 72px;
  height: 72px;
  background-position: -1396px -720px;
}

.sprites-5_hd {
  width: 72px;
  height: 72px;
  background-position: -1396px -792px;
}

.sprites-5 {
  width: 72px;
  height: 72px;
  background-position: -1396px -864px;
}

.sprites-50_hd {
  width: 72px;
  height: 72px;
  background-position: -1396px -936px;
}

.sprites-50 {
  width: 72px;
  height: 72px;
  background-position: -1396px -1008px;
}

.sprites-51_hd {
  width: 72px;
  height: 72px;
  background-position: -1396px -1080px;
}

.sprites-51 {
  width: 72px;
  height: 72px;
  background-position: -1396px -1152px;
}

.sprites-52_hd {
  width: 72px;
  height: 72px;
  background-position: -1396px -1224px;
}

.sprites-52 {
  width: 72px;
  height: 72px;
  background-position: -1396px -1296px;
}

.sprites-57_hd {
  width: 72px;
  height: 72px;
  background-position: 0px -1396px;
}

.sprites-57 {
  width: 72px;
  height: 72px;
  background-position: -72px -1396px;
}

.sprites-58_hd {
  width: 72px;
  height: 72px;
  background-position: -144px -1396px;
}

.sprites-58 {
  width: 72px;
  height: 72px;
  background-position: -216px -1396px;
}

.sprites-62_hd {
  width: 72px;
  height: 72px;
  background-position: -288px -1396px;
}

.sprites-62 {
  width: 72px;
  height: 72px;
  background-position: -360px -1396px;
}

.sprites-65_hd {
  width: 72px;
  height: 72px;
  background-position: -432px -1396px;
}

.sprites-65 {
  width: 72px;
  height: 72px;
  background-position: -504px -1396px;
}

.sprites-68_hd {
  width: 72px;
  height: 72px;
  background-position: -576px -1396px;
}

.sprites-68 {
  width: 72px;
  height: 72px;
  background-position: -648px -1396px;
}

.sprites-78_hd {
  width: 72px;
  height: 72px;
  background-position: -720px -1396px;
}

.sprites-78 {
  width: 72px;
  height: 72px;
  background-position: -792px -1396px;
}

.sprites-79_hd {
  width: 72px;
  height: 72px;
  background-position: -864px -1396px;
}

.sprites-79 {
  width: 72px;
  height: 72px;
  background-position: -936px -1396px;
}

.sprites-85_hd {
  width: 72px;
  height: 72px;
  background-position: -1008px -1396px;
}

.sprites-85 {
  width: 72px;
  height: 72px;
  background-position: -1080px -1396px;
}

.sprites-86_hd {
  width: 72px;
  height: 72px;
  background-position: -1152px -1396px;
}

.sprites-86 {
  width: 72px;
  height: 72px;
  background-position: -1224px -1396px;
}

.sprites-87_hd {
  width: 72px;
  height: 72px;
  background-position: -1296px -1396px;
}

.sprites-87 {
  width: 72px;
  height: 72px;
  background-position: -1368px -1396px;
}

.sprites-9_hd {
  width: 72px;
  height: 72px;
  background-position: -1468px 0px;
}

.sprites-9 {
  width: 72px;
  height: 72px;
  background-position: -1468px -72px;
}

.sprites-90_hd {
  width: 72px;
  height: 72px;
  background-position: -1468px -144px;
}

.sprites-90 {
  width: 72px;
  height: 72px;
  background-position: -1468px -216px;
}

.sprites-91_hd {
  width: 72px;
  height: 72px;
  background-position: -1468px -288px;
}

.sprites-91 {
  width: 72px;
  height: 72px;
  background-position: -1468px -360px;
}

.sprites-92_hd {
  width: 72px;
  height: 72px;
  background-position: -1468px -432px;
}

.sprites-92 {
  width: 72px;
  height: 72px;
  background-position: -1468px -504px;
}

.sprites-94_hd {
  width: 72px;
  height: 72px;
  background-position: -1468px -576px;
}

.sprites-94 {
  width: 72px;
  height: 72px;
  background-position: -1468px -648px;
}

.sprites-95_hd {
  width: 72px;
  height: 72px;
  background-position: -1468px -720px;
}

.sprites-95 {
  width: 72px;
  height: 72px;
  background-position: -1468px -792px;
}

.sprites-appstore {
  width: 172px;
  height: 50px;
  background-position: 0px 0px;
}

.sprites-arrow-dropdown {
  width: 10px;
  height: 7px;
  background-position: -1480px -1008px;
}

.sprites-google-play {
  width: 172px;
  height: 50px;
  background-position: 0px -50px;
}

.sprites-lock_icon {
  width: 12px;
  height: 15px;
  background-position: -1468px -1008px;
}

@font-face {
  font-family: "Baloo Da 2";
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: url(https://wp-pilot-external-assets.wpcdn.pl/fonts/BalooDa2/BalooDa2-Bold.woff2) format("woff2");
}

@font-face {
  font-family: "Baloo Da 2";
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: url(https://wp-pilot-external-assets.wpcdn.pl/fonts/BalooDa2/BalooDa2-Regular.woff2) format("woff2");
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

.custom-wrapper {
  width: 100%;
  min-height: calc(100% - 61px);
  height: auto;
  margin: 0 auto;
  background: #323249;
}

.page.page-adblock section.content {
  text-align: center;
}

.page.page-adblock h1 {
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}

.page.page-adblock .top {
  background: #1e1e2a;
}

.page.page-adblock .top #adblock-types {
  margin-top: 1em;
}

.page.page-adblock .top #adblock-types div.inline {
  display: inline-block;
  text-align: center;
  background-color: #28283C;
  width: 160px;
  height: 119px;
  cursor: pointer;
}

.page.page-adblock .top #adblock-types div.inline:hover {
  background-color: #2D2D43;
}

.page.page-adblock .top #adblock-types div.inline p {
  margin-top: 0.5em;
  font-size: 0.9em;
  font-weight: 600;
}

.page.page-adblock .top #adblock-types div.inline p.purple {
  color: #9d9bd4;
}

.page.page-adblock .top #adblock-types div.inline a img {
  padding: 0.5em;
}

.page.page-adblock .top #adblock-types div.inline.selected {
  background-color: #323249;
}

.page.page-adblock .bottom h2 {
  color: #9d9bd4;
  font-weight: 500;
  margin: auto;
  width: 31%;
  padding-top: 1em;
}

.page.page-adblock .bottom .instructions a {
  color: #9d9bd4;
  text-decoration: underline;
}

.page.page-adblock .bottom .instructions .red {
  color: #fd1e51;
}

.page.page-adblock .bottom .instructions p {
  text-align: left;
  padding-top: 1em;
}

.page.page-adblock .bottom .instructions div {
  margin: auto;
  width: 31%;
}

.page.page-adblock .bottom .media {
  padding-top: 2em;
}

/*colors*/

/* payment-methods */

.box-container {
  width: 52%;
  margin: 24px auto;
  padding: 30px 40px;
  background-color: #28283e;
  text-align: center;
}

.box-container .box-title h1 {
  text-align: center;
  margin-bottom: 20px;
  line-height: 32px;
}

.box-container .box-title .box-info {
  font-size: 13px;
  line-height: 20px;
  color: #9d9bd4;
}

.box-container .box-content #box-login-link {
  color: #9d9bd4;
  text-decoration: underline;
}

.box-container .box-content .user-activation-error h2 {
  font-size: 16px;
  text-align: center;
}

.box-container .box-content .user-activation-error span {
  font-size: 14px;
}

.box-container .box-content .user-activation-error .button-important {
  background-color: #fd1e51;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .box-container {
    width: 80%;
  }
}

@media (max-width: 440px) {
  .box-container {
    width: 100%;
  }
}

.box-container.password-box .box-info {
  text-align: left;
  font-family: 'Baloo Da 2';
  font-weight: 100;
}

.box-container.password-box .box-content {
  text-align: left;
}

.box-container.password-box .box-content .button-important {
  background-color: #fd1e51;
  font-family: 'Baloo Da 2';
  font-weight: 700;
  height: 52px;
  width: 100%;
  font-size: 16px;
  color: #fff;
  margin: 12px 0;
}

.box-container.password-box .message-box .link:hover {
  color: #9d9bd4;
}

/*colors*/

/* payment-methods */

.button {
  display: inline-block;
  padding: 5px 25px;
  font-weight: 700;
  background-color: transparent;
  color: #fff;
  border: 3px solid #444769;
  border-radius: 46px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  font-family: 'Baloo Da 2', sans-serif;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.button:hover:not([disabled]) {
  background-color: #fd1e51;
  color: #fff;
  border: 3px solid transparent;
}

.button:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.button-important {
  display: inline-block;
  padding: 5px 25px;
  font-weight: 700;
  background-color: transparent;
  color: #fff;
  border: 3px solid #444769;
  border-radius: 46px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  font-family: 'Baloo Da 2', sans-serif;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  border-color: #fd1e51;
}

.button-important:hover:not([disabled]) {
  background-color: #fd1e51;
  color: #fff;
  border: 3px solid transparent;
}

.button-important:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

/*Style for alternative svg checkbox*/

svg.svg-tick {
  vertical-align: middle;
  margin-right: 5px;
}

svg.svg-tick .tick-on {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}

/*Show tick if checkbox is checked*/

input[type="checkbox"]:checked + svg.svg-tick .tick-on {
  opacity: 1;
  visibility: visible;
}

.button-fb {
  height: 52px;
  width: 100%;
  background-color: #34589D;
  font-size: 12px;
  line-height: 52px;
  padding: 0;
  text-align: center;
  margin-top: 12px;
  text-transform: none;
  border: none;
  -webkit-transition: background-color .1s ease-in-out;
  -o-transition: background-color .1s ease-in-out;
  transition: background-color .1s ease-in-out;
}

.button-fb:hover {
  background-color: #4869a6;
  border: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.button-fb svg {
  vertical-align: middle;
  margin-right: 20px;
}

.button-wp {
  height: 52px;
  width: 100%;
  background-color: #34589D;
  font-size: 12px;
  line-height: 52px;
  padding: 0;
  text-align: center;
  margin-top: 12px;
  text-transform: none;
  border: none;
  -webkit-transition: background-color .1s ease-in-out;
  -o-transition: background-color .1s ease-in-out;
  transition: background-color .1s ease-in-out;
  background-color: #444769;
}

.button-wp:hover {
  background-color: #4869a6;
  border: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.button-wp svg {
  vertical-align: middle;
  margin-right: 20px;
}

.button-wp:hover {
  background-color: #575978;
}

.button-wp svg {
  vertical-align: middle;
  margin-right: 8px;
}

.button-default {
  display: inline-block;
  padding: 5px 25px;
  font-weight: 700;
  background-color: transparent;
  color: #fff;
  border: 3px solid #444769;
  border-radius: 46px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  font-family: 'Baloo Da 2', sans-serif;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  background-color: #28283E;
  border-width: 1px;
}

.button-default:hover:not([disabled]) {
  background-color: #fd1e51;
  color: #fff;
  border: 3px solid transparent;
}

.button-default:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.button-default:hover:not([disabled]) {
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  color: #28283E;
}

.button-secondary {
  display: inline-block;
  padding: 5px 25px;
  font-weight: 700;
  background-color: transparent;
  color: #fff;
  border: 3px solid #444769;
  border-radius: 46px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  font-family: 'Baloo Da 2', sans-serif;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  background-color: #fff;
  border-color: #fff;
  color: #28283E;
}

.button-secondary:hover:not([disabled]) {
  background-color: #fd1e51;
  color: #fff;
  border: 3px solid transparent;
}

.button-secondary:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.button-secondary:hover:not([disabled]) {
  background-color: #ff144b;
  border-color: #ff144b;
  color: #fff;
}

/*colors*/

/* payment-methods */

.card-head {
  padding: 15px 20px;
  min-height: 54px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #32324e;
}

.card-head:hover .card-head-name {
  color: #8282b3;
}

.card-head:hover .card-head-arrow {
  border: solid #9d9bd4;
  border-width: 0 3px 3px 0;
}

.card-head.active {
  border: none;
}

.card-head.active .card-head-name {
  font-weight: bold;
}

.card-head-arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 6px;
  position: absolute;
  right: 25px;
  top: 40%;
}

.card-head-arrow.top {
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.card-head-arrow.down {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.card-head-name {
  font-family: 'Baloo Da 2';
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #fff;
  padding-right: 30px;
  letter-spacing: 0;
  line-height: 26px;
}

@media (max-width: 767px) {
  .card-head-name {
    font-size: 16px;
  }
}

.card-description {
  padding: 0 20px;
  display: none;
  font-size: 16px;
  cursor: default;
  font-family: Roboto, sans-serif;
  letter-spacing: 0;
  line-height: 20px;
  border-bottom: 1px solid #32324d;
}

.card-description p {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

.card-description p.policy {
  padding-top: 45px;
}

.card-description p span.underlined {
  text-decoration: underline;
}

.card-description p span.TODO {
  text-transform: uppercase;
  font-size: 15px;
  color: #01d5ff;
}

.card-description p span.alert {
  color: red;
}

.card-description p span.heading {
  color: #9c9ccc;
  font-size: 16px;
  font-weight: bold;
}

.card-description p span.link {
  text-decoration: underline;
  color: #8282b3;
  cursor: pointer;
}

.card-description p a {
  text-decoration: underline;
  color: #8282b3;
}

.card-description p a.TODO {
  text-transform: uppercase;
  font-size: 15px;
  color: #01d5ff;
}

.card-description p .list-element {
  display: block;
}

.card-description p .list-element:first-child {
  margin-top: -10px;
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

@media screen and (max-width: 767px) {
  iframe,
  iframe > iframe {
    max-width: 100%;
  }

  .top-section * {
    max-width: 100%;
  }

  .section-top1 *,
  .section-top2 *,
  .section-top3 * {
    max-width: 100%;
  }
}

.channel-packages {
  width: 100vw;
  margin-left: -50vw;
  position: relative;
  left: 50%;
  clear: both;
  background-color: #1f1f31;
  padding: 24px 0;
}

.channel-packages h2 {
  color: #9d9bd4;
}

.extended {
  border: none;
  background-color: #28283e;
}

.wrapper {
  margin: 0 auto;
  width: 1210px;
  position: relative;
}

.wrapper .packages {
  width: 262px;
  background-color: #28283e;
  margin-top: 15px;
  margin-right: 6px;
  border-right: 2px solid #444769;
  float: left;
}

.wrapper .packages > div {
  padding: 12px 14px;
  border-radius: 2px;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.wrapper .packages > div:hover {
  background-color: #32324D;
  cursor: pointer;
}

.wrapper .packages > div:hover .button-important {
  color: #fff;
  border: 2px solid #fd1e51;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.wrapper .packages .starter {
  border: none;
  background-color: #28283e;
}

.wrapper .packages .starter-plus {
  border: none;
  background-color: #28283e;
}

.wrapper .packages .active {
  border-top: 2px solid #444769;
  border-left: 2px solid #444769;
  border-bottom: 2px solid #444769;
  margin-right: -2px;
  -webkit-box-shadow: inset -2px 0px 0px #1f1f31;
          box-shadow: inset -2px 0px 0px #1f1f31;
  background-color: #1f1f31;
}

.wrapper .packages .active .button-important {
  color: #fff;
  border: 2px solid #fd1e51;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.wrapper .packages .active .normal-button {
  color: #9d9bd4;
  border: 2px solid #444769;
}

.wrapper .packages .channel-type {
  color: #9d9bd4;
}

.wrapper .packages .button-important {
  margin-top: 12px;
  padding: 5px 25px;
  color: #9d9bd4;
  border: 2px solid #444769;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.wrapper .packages .button-important:hover {
  background-color: #fd1e51;
}

.wrapper .packages span {
  font-size: 16px;
  line-height: 26px;
}

.wrapper .channel-lists-container {
  margin-top: 15px;
  margin-left: 268px;
  position: relative;
  left: 13px;
}

.wrapper .channel-lists-container .channel-lists {
  margin-top: -6px;
}

.wrapper .channel-lists-container .channel-lists .channel {
  float: left;
  width: 73px;
  height: 73px;
  margin: 6px;
  border-radius: 2px;
  background-color: #2D2E47;
  position: relative;
  border-radius: 2px;
}

.wrapper .channel-lists-container .channel-lists .channel:after {
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

.wrapper .channel-lists-container .channel-lists .channel-mask {
  position: relative;
  background-color: #222237;
}

.wrapper .channel-lists-container .channel-lists .channel-mask:after {
  content: '';
  border-radius: 2px;
  background-color: #28283E;
  -webkit-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}

.wrapper .channel-lists-container .channel-lists .channel-mask img {
  opacity: .5;
}

.wrapper .channel-lists-container .channel-lists:after {
  content: '';
  display: block;
  clear: both;
}

.wrapper:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1366px) {
  .wrapper {
    width: 974px;
  }

  .wrapper .channel-lists-container {
    left: 11px;
  }

  .wrapper .channel-lists-container .channel-lists {
    margin-top: -5px;
  }

  .wrapper .channel-lists-container .channel-lists .channel {
    float: left;
  }
}

@media screen and (min-width: 767px) and (max-width: 974px) {
  .channel-packages {
    left: 0;
    margin-left: 0;
    float: left;
  }
}

@media screen and (max-width: 767px) {
  .wrapper {
    width: auto;
  }

  .wrapper .packages {
    display: inline-block;
    float: none;
    margin-right: 0;
    vertical-align: top;
    width: 35%;
  }

  .wrapper .packages .button-important {
    font-size: 12px;
    padding: 5px 10px;
  }

  .wrapper .channel-lists-container {
    display: inline-block;
    float: none;
    margin-left: -5px;
    width: 65%;
  }

  .button-important {
    -webkit-appearance: none;
  }

  .channel-packages {
    margin-left: 0;
    left: 0;
    width: auto;
  }

  .channel-price {
    font-size: 16px;
    letter-spacing: -1px;
  }
}

@media screen and (max-width: 320px) {
  .wrapper .packages span {
    font-size: 14px;
  }

  .wrapper .channel-lists-container .channel-lists .channel {
    margin: 4px;
    height: 54px;
    width: 54px;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

#single-channel .navigation {
  margin-bottom: 30px;
}

#single-channel .navigation .button {
  color: #9d9bd4;
}

#single-channel .navigation .button:hover {
  color: #fff;
}

#single-channel h1 {
  margin-bottom: 15px;
}

#single-channel h1 .channel-icon {
  margin-right: 18px;
  background-color: #2D2E47;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
}

#single-channel .channel-desc {
  margin-bottom: 45px;
  font-size: 16px;
}

#single-channel .channel-desc .button-important {
  margin-top: 23px;
}

#single-channel .program-list h2 {
  font-family: 'Baloo Da 2';
  font-weight: 400;
}

#single-channel .program-list ul {
  list-style-type: disc;
  padding-left: 15px;
  margin: 10px 0;
}

#single-channel .program-list ul li .type {
  color: #9d9bd4;
}

#single-channel .program-list .more-details {
  padding-left: 15px;
}

#single-channel .program-list p a {
  color: #9d9bd4;
}

@media screen and (max-width: 1366px) and (min-width: 767px) {
  #single-channel {
    margin-left: 30px;
  }
}

@media screen and (max-width: 767px) {
  #single-channel .navigation .button {
    position: relative;
    border-radius: 2px;
    width: 100%;
    background-color: #32324d;
    color: #fff;
    padding: .5em 3%;
    border: none;
  }

  #single-channel .navigation .button:hover {
    border: none;
  }

  #single-channel .navigation span.icon {
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  #single-channel .navigation span.text {
    font-family: 'Baloo Da 2';
    font-weight: 700;
    display: inline-block;
    margin-left: 1em;
    vertical-align: middle;
  }

  #single-channel h1 {
    position: relative;
  }

  #single-channel h1 .name {
    position: absolute;
    top: 0;
    font-weight: 400;
  }

  #single-channel .channel-desc .button-important {
    white-space: nowrap;
    -o-text-overflow: clip;
       text-overflow: clip;
    max-width: 100%;
    overflow: hidden;
    font-size: .8em;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

@media screen and (max-width: 767px) {
  iframe,
  iframe > iframe {
    max-width: 100%;
  }

  .top-section * {
    max-width: 100%;
  }

  .section-top1 *,
  .section-top2 *,
  .section-top3 * {
    max-width: 100%;
  }
}

.header_channels h1 {
  margin-bottom: 10px;
}

.channels {
  margin-top: 30px;
}

.channels .dir {
  border-top: 1px solid #28283e;
}

.channels .dir .channels_category {
  display: block;
  vertical-align: top;
  width: 100%;
}

.channels .dir .channels_category h2 {
  margin-top: 20px;
}

.channels .dir ul {
  display: inline-block;
  vertical-align: top;
  width: 976px;
}

.channels .dir ul li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 80px;
}

.channels .dir ul li .channel-icon {
  background-color: #2D2E47;
  border-radius: 2px;
  margin: 1em auto;
  border: 2px solid #2D2E47;
  display: inline-block;
}

.channels .dir ul li .channel-icon:hover {
  border: 2px solid #fd1e51;
}

.channels .dir ul li p {
  font-size: 11px;
  white-space: normal;
  margin-top: 6px;
  line-height: normal;
}

.channels .dir ul li a {
  display: block;
  text-decoration: none;
  white-space: normal;
  margin: 1em auto;
  line-height: normal;
  font-size: .8em;
}

.channels .dir ul li a span:hover {
  color: #fd1e51;
}

@media screen and (max-width: 1366px) and (min-width: 767px) {
  .header_channels.row {
    margin: 30px;
  }

  .channels.row {
    margin: 30px;
  }

  .channels.row .dir .channels_category {
    width: 100%;
  }

  .channels.row .dir ul {
    width: 800px;
  }

  .channels.row .dir ul li p {
    font-size: 10px;
    margin-top: 5px;
  }
}

@media screen {
  .header_channels {
    padding-right: 16px;
    padding-left: 16px;
  }

  .header_channels h1 {
    font-family: 'Baloo Da 2';
    font-weight: 400;
    font-size: 20px;
    color: #99A1D4;
    line-height: 26px;
  }

  .header_channels p {
    font-family: 'Baloo Da 2';
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 7px;
  }

  .channels .channels_category h2 {
    font-family: 'Baloo Da 2';
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    line-height: 26px;
    padding-left: 15px;
    margin-top: 30px;
    margin-bottom: 13px;
  }

  .channels .dir ul {
    width: 100%;
    padding: 0 16px;
  }

  .channels .dir ul li {
    text-align: center;
  }

  .channels .dir ul li .channel-icon {
    margin: .3em 0;
  }

  .channels .dir ul li a {
    font-family: 'Baloo Da 2';
    font-weight: 500;
    line-height: 16px;
  }
}

/*colors*/

/* payment-methods */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes slideIn {
  0% {
    right: -395px;
  }

  100% {
    right: 50px;
  }
}

@keyframes slideIn {
  0% {
    right: -395px;
  }

  100% {
    right: 50px;
  }
}

@-webkit-keyframes slideOut {
  0% {
    right: 50px;
  }

  100% {
    right: -395px;
  }
}

@keyframes slideOut {
  0% {
    right: 50px;
  }

  100% {
    right: -395px;
  }
}

@-webkit-keyframes pulse {
  5% {
    width: 80px;
    height: 80px;
    top: -8px;
    left: -8px;
  }

  25% {
    width: 90px;
    height: 90px;
    top: -13px;
    left: -13px;
  }

  45% {
    width: 100px;
    height: 100px;
    top: -18px;
    left: -18px;
    background-color: transparent;
  }

  100% {
    width: 100px;
    height: 100px;
    top: -18px;
    left: -18px;
    background-color: transparent;
  }
}

@keyframes pulse {
  5% {
    width: 80px;
    height: 80px;
    top: -8px;
    left: -8px;
  }

  25% {
    width: 90px;
    height: 90px;
    top: -13px;
    left: -13px;
  }

  45% {
    width: 100px;
    height: 100px;
    top: -18px;
    left: -18px;
    background-color: transparent;
  }

  100% {
    width: 100px;
    height: 100px;
    top: -18px;
    left: -18px;
    background-color: transparent;
  }
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

.email-error,
.textarea-error,
.current-email-error {
  float: right;
  color: #ED2B2B;
  font-size: 11px;
  display: none;
}

.email-error,
.current-email-error {
  position: absolute;
  right: 0;
}

.email-error {
  bottom: 60px;
}

.current-email-error {
  bottom: 37px;
}

#facebook-tooltip {
  height: auto;
  width: 70%;
  overflow: hidden;
  -webkit-transform: translateY(-83%);
      -ms-transform: translateY(-83%);
          transform: translateY(-83%);
  background-color: #444868;
  font-size: 14px;
  color: #C3C2E8;
  line-height: 20px;
  position: absolute;
  display: none;
  font-family: Roboto, sans-serif;
  padding: 24px;
  -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  max-width: 383px;
  right: 0;
}

@media (max-width: 440px) {
  #facebook-tooltip {
    width: 100%;
  }
}

#facebook-tooltip .link {
  color: #C3C2E8;
  font-weight: bold;
}

#facebook-more {
  margin-left: 5px;
}

.facebook-container span {
  display: inline-block;
}

.help-contact .container {
  width: 80%;
  color: #9896CE;
  background-color: #28283E;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .help-contact .container {
    width: 100%;
  }
}

.help-contact .container #form {
  padding: 30px 40px 70px;
}

@media (max-width: 440px) {
  .help-contact .container #form {
    padding: 10px 10px 42px;
  }
}

.help-contact .container .bulletpoints {
  list-style: none;
  padding-bottom: 24px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

@media (max-width: 767px) {
  .help-contact .container .bulletpoints {
    font-size: 12px;
  }
}

.help-contact .container .bulletpoints .bulletpoints-item::before {
  content: "\2022";
  color: #9d9bd4;
  margin-right: 3px;
}

.help-contact .container p {
  font-weight: 500;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

@media (max-width: 767px) {
  .help-contact .container p {
    font-size: 14px;
  }
}

.help-contact .container .tooltip-container {
  position: relative;
  width: 100%;
  top: 50px;
}

.help-contact .container .contact {
  padding-top: 24px;
}

@media (max-width: 767px) {
  .help-contact .container .contact {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .help-contact .container .additional-info {
    font-size: 12px;
  }
}

.help-contact .container .bold {
  font-weight: bold;
}

.help-contact .container span:nth-child(0) {
  display: block;
  margin-bottom: 5px;
}

.help-contact .container .form-heading {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .help-contact .container .form-heading {
    font-size: 14px;
  }
}

.help-contact .container .contact-social {
  text-align: center;
  margin-top: 15px;
  background-color: #32324D;
}

.help-contact .container .contact-social .contact-fb,
.help-contact .container .contact-social .contact-tel {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  width: 49%;
  padding-top: 4%;
  position: relative;
}

.help-contact .container .contact-social .contact-fb .card-head-arrow,
.help-contact .container .contact-social .contact-tel .card-head-arrow {
  padding: 3px;
}

.help-contact .container .contact-social .contact-fb .card-head-arrow.down,
.help-contact .container .contact-social .contact-tel .card-head-arrow.down {
  -webkit-transform: rotate(-50deg);
      -ms-transform: rotate(-50deg);
          transform: rotate(-50deg);
}

@media (max-width: 440px) {
  .help-contact .container .contact-social .contact-fb,
  .help-contact .container .contact-social .contact-tel {
    display: block;
    margin: 0;
    width: 100%;
  }
}

.help-contact .container .contact-social .contact-fb {
  border-right: 2px solid #28283e;
}

@media (max-width: 440px) {
  .help-contact .container .contact-social .contact-fb {
    border-bottom: 2px solid #28283e;
    border-right: none;
  }
}

.help-contact .container .contact-social .icon-fb,
.help-contact .container .contact-social .text-fb,
.help-contact .container .contact-social .icon-tel,
.help-contact .container .contact-social .text-tel {
  display: inline-block;
  color: #0E6EEC;
}

.help-contact .container .contact-social .icon-fb,
.help-contact .container .contact-social .icon-tel {
  background-size: 100% 100%;
  height: 60px;
  vertical-align: middle;
  width: 36px;
  text-align: center;
  margin-right: 25px;
  margin-top: 5px;
}

@media (max-width: 440px) {
  .help-contact .container .contact-social .icon-fb,
  .help-contact .container .contact-social .icon-tel {
    margin-right: 15px;
  }
}

.help-contact .container .contact-social .text-fb,
.help-contact .container .contact-social .text-tel {
  max-width: 126px;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0;
  line-height: 20px;
}

.telephone-modal {
  text-align: center;
}

.telephone-modal .modal-wrapper {
  max-width: 500px;
}

@media (max-width: 440px) {
  .telephone-modal {
    padding: 0 10px 10px;
  }
}

.telephone-modal .footer p {
  color: #9d9bd4;
  font-size: 12px;
  width: 50%;
  margin: 0 auto 20px;
  text-align: center;
  line-height: normal;
}

@media (max-width: 440px) {
  .telephone-modal .footer p {
    width: 80%;
  }
}

.telephone-modal .heading {
  margin-bottom: 25px;
}

@media (max-width: 440px) {
  .telephone-modal .heading {
    margin-bottom: 14px;
  }

  .telephone-modal .heading h2 {
    font-size: 20px;
  }
}

.telephone-modal .heading h2 {
  text-align: center;
}

.telephone-modal .support-method {
  margin-bottom: 45px;
}

@media (max-width: 440px) {
  .telephone-modal .support-method {
    margin-bottom: 24px;
  }
}

.telephone-modal .support-method.last {
  margin-bottom: 20px;
}

.telephone-modal .support-method .phone-icon {
  margin: 0 15px 0 -45px;
  line-height: 14px;
  display: inline-block;
}

.telephone-modal .support-method .phone-icon svg {
  margin-bottom: -4px;
}

@media (max-width: 440px) {
  .telephone-modal .support-method .phone-icon svg {
    width: 22px;
  }
}

.telephone-modal .support-method .hours-avaliable {
  font-size: 12px;
  line-height: 1.5;
  color: #a6a3e2;
}

.telephone-modal .support-method h3 {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
}

.telephone-modal .support-method h4 {
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 4px;
}

@media (max-width: 440px) {
  .telephone-modal .support-method h4 {
    font-size: 24px;
  }
}

.telephone-modal .contract-support {
  margin-bottom: 25px;
}

.telephone-modal .contract-support h2 {
  text-align: center;
  font-size: 18px;
}

.telephone-modal .contract-support h3 {
  text-align: center;
  font-size: 22px;
  font-weight: inherit;
  letter-spacing: 2px;
}

.telephone-modal .contract-support span {
  display: inline-block;
  font-weight: 600;
  margin-top: 25px;
  width: 50%;
}

.telephone-modal .button-important {
  background-color: #444868;
  padding: 7px 15% 7px 15%;
  border: 2px solid #444868;
}

@media (max-width: 767px) {
  .telephone-modal {
    width: 100%;
  }
}

/*colors*/

/* payment-methods */

.cookie-wrapper {
  background-color: #32324d;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 450;
}

.cookie-wrapper .cookie-info {
  font-size: 14px;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  color: #ffffff;
  left: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.cookie-wrapper .cookie-info a {
  margin-left: 5px;
  color: #99A1D4;
  text-decoration: none;
}

.cookie-wrapper .cookie-info .cookie-close {
  cursor: pointer;
  color: #99A1D4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cookie-wrapper .cookie-info .cookie-close svg {
  fill: #99A1D4;
  width: 14px;
  height: 14px;
  margin-left: 3px;
}

.cookie-wrapper .cookie-info div:last-child {
  margin-left: auto;
}

@media (max-width: 767px) {
  .cookie-wrapper .cookie-info {
    padding: 10px 16px;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

@media screen and (max-width: 767px) {
  iframe,
  iframe > iframe {
    max-width: 100%;
  }

  .top-section * {
    max-width: 100%;
  }

  .section-top1 *,
  .section-top2 *,
  .section-top3 * {
    max-width: 100%;
  }
}

.footer-main {
  width: 100%;
  height: 60px;
  background-color: #1f1f31;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.footer-main .links {
  max-width: 1210px;
  padding: 17px 0;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.footer-main .links .inline-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-main .links .inline-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 18px;
  text-transform: uppercase;
  color: #9d9bd4;
  font-size: 12px;
  font-weight: 500;
  margin-left: 15px;
}

.footer-main .links .inline-list li:hover {
  color: #fd1e51;
}

.footer-main .links .inline-list li a {
  color: inherit;
  text-decoration: none;
}

.footer-main .links .inline-list li button {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  line-height: inherit;
}

.footer-main .links .copyrights {
  float: left;
  color: #646897;
  font-size: 16px;
  margin-right: 30px;
  font-size: 12px;
}

.footer-main .links .copyrights a {
  color: #646897;
}

.footer-main .links:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1366px) {
  .footer-main {
    height: auto;
    left: 0px;
    right: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .footer-main .copyrights {
    width: 100%;
    margin-left: 15px;
  }

  .footer-main .links {
    padding: 16px;
    top: 0;
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    width: 100%;
    max-width: 974px;
  }

  .footer-main .links .inline-list {
    display: block;
    width: 100%;
  }

  .footer-main .links .inline-list li {
    float: left;
  }
}

/*colors*/

/* payment-methods */

.forgot-pass {
  width: 52%;
  margin: 24px auto;
  padding: 30px 40px;
  background-color: #28283e;
}

.forgot-pass h1 {
  text-align: center;
  margin-bottom: 20px;
  line-height: 32px;
}

.forgot-pass-form .info {
  font-size: 13px;
  line-height: 20px;
  color: #9d9bd4;
}

.forgot-pass-form .button-important {
  display: block;
  background-color: #fd1e51;
  height: 52px;
  width: 100%;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  margin: 12px 0;
}

.forgot-pass-form .button-important:hover {
  background-color: #fd3462;
}

@media (max-width: 767px) {
  #rc-imageselect,
  .g-recaptcha {
    -ms-transform: scale(0.87);
        transform: scale(0.87);
    -webkit-transform: scale(0.87);
    -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }

  .forgot-pass {
    width: 80%;
  }
}

@media (max-width: 440px) {
  #rc-imageselect,
  .g-recaptcha {
    -ms-transform: scale(0.77);
        transform: scale(0.77);
    -webkit-transform: scale(0.77);
    -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }

  .forgot-pass {
    width: 100%;
  }
}

/*colors*/

/* payment-methods */

.form {
  margin-top: 24px;
}

.form input:not([type="checkbox"]):not([type="submit"]) {
  display: block;
  height: 36px;
  line-height: 36px;
  width: 100%;
  padding: 0 12px;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
}

.form ::-webkit-input-placeholder {
  color: #9d9bd4;
}

.form :-moz-placeholder {
  /* Firefox 18- */
  color: #9d9bd4;
}

.form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #9d9bd4;
}

.form :-ms-input-placeholder {
  color: #9d9bd4;
}

.form label {
  font-weight: 500;
}

.form .label-checkbox {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #9d9bd4;
  cursor: pointer;
}

.form .label-checkbox,
.form .label-checkbox .login-remeber-me {
  text-align: initial;
  margin: 1em;
}

.form .label-checkbox input {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 0;
  margin-right: 12px;
}

.form .label-checkbox.disabled {
  cursor: not-allowed;
  color: #434667;
}

.form select {
  display: block;
  height: 36px;
  line-height: 36px;
  background-color: #fff;
  color: #9d9bd4;
}

.form #mailing-disabled-info {
  margin: 1em;
}

.form #mailing-disabled-info #change-tab-regulations {
  cursor: pointer;
  color: #9d9bd4;
  text-decoration: underline;
}

.form #mailing-disabled-info #change-tab-regulations:hover {
  color: #fd1e51;
}

.form #google-captcha {
  width: auto;
  margin: 24px auto !important;
}

.form input[type="checkbox"] {
  display: none;
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

@media screen and (max-width: 767px) {
  iframe,
  iframe > iframe {
    max-width: 100%;
  }

  .top-section * {
    max-width: 100%;
  }

  .section-top1 *,
  .section-top2 *,
  .section-top3 * {
    max-width: 100%;
  }
}

.header {
  padding: 10px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 300;
  background-color: #181825;
  -webkit-transition: -webkit-box-shadow 500ms;
  transition: -webkit-box-shadow 500ms;
  -o-transition: box-shadow 500ms;
  transition: box-shadow 500ms;
  transition: box-shadow 500ms, -webkit-box-shadow 500ms;
}

.header.shadow {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
}

ul.menu:focus {
  outline: none;
}

ul.menu li:focus {
  outline: none;
}

.top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  margin: 0 auto;
  width: 1210px;
}

.top-bar .logo {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-bar .logo a,
.top-bar .logo span {
  display: inline-block;
  vertical-align: middle;
}

.top-bar .logo a svg,
.top-bar .logo span svg {
  margin-right: 22px;
  position: relative;
  top: 3px;
}

.top-bar .logo span,
.top-bar .logo svg {
  pointer-events: none;
}

.top-bar .logo div {
  margin-left: -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-bar .mobile-menu,
.top-bar .mobile-menu-label {
  display: none;
}

.top-bar .menu {
  margin-left: auto;
}

.top-bar .menu li {
  float: left;
}

.top-bar .menu li.tv-channels {
  position: relative;
  cursor: pointer;
  padding: 0 6px;
}

.top-bar .menu li.tv-channels span {
  padding: 7px 0 7px 17px;
}

@media screen and (max-width: 1366px) {
  .top-bar .menu li.tv-channels span {
    padding: 7px 0 7px 7px;
  }
}

.top-bar .menu li.mobile {
  height: 0;
  visibility: hidden;
  width: 0;
}

@media screen and (max-width: 767px) {
  .top-bar .menu li.mobile {
    height: auto;
    width: auto;
    visibility: visible;
  }

  .top-bar .menu li.desktop {
    height: 0;
    width: 0;
    visibility: hidden;
  }
}

.top-bar .menu li a.header-link,
.top-bar .menu li span {
  color: #9d9bd4;
  display: block;
  width: 100%;
  padding: 7px 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
}

@media screen and (max-width: 1366px) {
  .top-bar .menu li a.header-link,
  .top-bar .menu li span {
    padding: 7px 7px;
  }
}

.top-bar .menu li a.header-link.active,
.top-bar .menu li span.active {
  background-color: #fd1e51;
  color: #fff;
}

.top-bar .menu li .sign-up,
.top-bar .menu li .sign-in {
  color: #fff;
}

.top-bar .menu .logged a {
  color: #fff;
}

.top-bar:after {
  content: '';
  display: block;
  clear: both;
}

.logout {
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 33px;
  line-height: normal;
  margin-top: -1px;
  outline: none;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

@media screen and (max-width: 1366px) {
  .top-bar {
    width: 974px;
  }

  .top-bar .logo a svg,
  .top-bar .logo span svg {
    width: 140px;
    height: 40px;
    margin-right: 20px;
  }

  .top-bar .logo div {
    top: 2px;
  }

  .top-bar .menu {
    margin-top: 0;
  }

  .top-bar .menu li a,
  .top-bar .menu li span {
    padding: 7px 13px;
  }
}

@media screen and (max-width: 767px) {
  .top-bar {
    padding: 0 16px;
    width: 100%;
  }

  .top-bar .logo .fb-like {
    display: none;
  }

  .top-bar .menu {
    background-color: #28283e;
    cursor: pointer;
    height: 32px;
    outline: none;
    position: absolute;
    right: 16px;
    width: 32px;
    z-index: 1;
  }

  .top-bar .menu:before {
    -webkit-box-shadow: 0 -6px #fd1e51, 0 6px #fd1e51, 0 18px #fd1e51;
            box-shadow: 0 -6px #fd1e51, 0 6px #fd1e51, 0 18px #fd1e51;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    top: 6px;
    width: 100%;
  }

  .top-bar .menu:focus {
    height: auto;
    top: 45px;
    width: 160px;
  }

  .top-bar .menu:focus:before {
    width: 32px;
    top: -15px;
    right: 0;
  }

  .top-bar .menu:focus li.user-state-dependant.hidden {
    display: none;
  }

  .top-bar .menu:focus li {
    display: block;
    width: 100%;
  }

  .top-bar .menu:focus li#plugin-logout {
    display: block !important;
  }

  .top-bar .menu li {
    background-color: #28283e;
    display: none;
    width: 100%;
  }

  .top-bar .menu li#plugin-logout {
    display: none !important;
  }

  .top-bar .menu li:first-child {
    margin-top: 10px;
  }

  .top-bar .menu .logout {
    height: 33px;
    padding: 5px 9px;
    text-align: left;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

.side-menu {
  width: 35%;
  float: left;
}

@media (max-width: 767px) {
  .side-menu {
    width: 100%;
    margin-bottom: 30px;
  }
}

.side-menu-nav {
  padding-right: 15%;
  cursor: pointer;
}

@media (max-width: 767px) {
  .side-menu-nav {
    padding-right: 0;
  }
}

.side-menu-nav-tab {
  min-height: 44px;
  padding: 0 14px;
  line-height: 44px;
  font-family: 'Baloo Da 2';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  margin-bottom: 2px;
  background-color: #28283E;
  text-transform: uppercase;
  font-weight: bold;
}

.side-menu-nav-tab.active {
  background-color: #fb2555;
}

.side-menu-nav-tab.active a {
  color: #fff;
}

.side-menu-nav-tab a {
  color: #9C9BD4;
}

.help {
  float: right;
  width: 65%;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .help {
    width: 100%;
  }
}

.help-browser-bugs .link,
.help-browser-bugs .link:hover {
  color: #8282b3;
}

.help-browser-bugs .bold {
  font-size: 16px;
  font-weight: bold;
}

.help .title {
  font-family: 'Baloo Da 2';
  font-weight: 700;
  margin-bottom: 26px;
  font-style: normal;
  color: #9C9CCC;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 48px;
}

.help .device-info {
  float: left;
  width: 33.3333%;
  padding: 0 10px;
  position: relative;
}

@media (max-width: 440px) and (orientation: portrait) {
  .help .device-info {
    width: 100%;
  }
}

.help .device-info .image-container {
  min-height: 100px;
  margin: 15px 0;
  position: relative;
}

.help .device-info .image-container img {
  max-height: 108px;
}

.help .device-info .requirement-title {
  min-height: 65px;
  margin-top: 15px;
}

.help .device-info .requirement-title h3 {
  font-weight: 700;
  font-size: 20px;
}

.help .device-info .requirements-info-box {
  margin-bottom: 30px;
}

.help .device-info .requirements-info-box h4 {
  color: #9d9bd4;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
}

.help .device-info .requirements-info-box li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.help .device-info .requirements-info-box li::before {
  content: "\2022";
  color: #9d9bd4;
}

.help .device-info .requirements-info-box span {
  font-family: Roboto, sans-serif;
  display: block;
  margin-left: 15px;
  font-size: 15px;
  line-height: 20px;
}

.help .device-info .google-play {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
}

@media (max-width: 767px) {
  .help .device-info .google-play {
    display: inline-block;
  }
}

@media (max-width: 440px) {
  .help .device-info .google-play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.help .device-info .google-play a {
  width: 50%;
  display: block;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

@media (min-width: 1366px) {
  .help .device-info .google-play a {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
  }
}

@media (max-width: 1366px) {
  .help .device-info .google-play a {
    -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75);
  }
}

@media (max-width: 767px) {
  .help .device-info .google-play a {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}

@media (max-width: 440px) {
  .help .device-info .google-play a {
    width: 20%;
    margin-left: 10%;
    margin-right: 10%;
  }
}

.help .device-info .smart-tv {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 18px;
}

@media (max-width: 767px) {
  .help .device-info .smart-tv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 0;
  }
}

@media (max-width: 440px) {
  .help .device-info .smart-tv {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.help .device-info .smart-tv a {
  display: block;
  margin: 0 5px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

@media (min-width: 1366px) {
  .help .device-info .smart-tv a {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
  }
}

@media (max-width: 767px) {
  .help .device-info .smart-tv a {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    margin: 3px 0px;
  }
}

.help .internet-info {
  float: left;
  clear: both;
  margin-top: 25px;
  border-top: 1px solid #28283e;
}

.help .internet-info h2 {
  color: #9d9bd4;
  padding: 30px 0 6px;
  font-size: 17px;
}

.help .internet-info p {
  font-family: Roboto, sans-serif;
}

.help .internet-info span {
  font-family: Roboto, sans-serif;
  display: block;
  margin-left: 15px;
  font-size: 15px;
  line-height: 20px;
}

.help .internet-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.help .internet-info li::before {
  content: "\2022";
  color: #9d9bd4;
}

.help .internet-info p {
  margin: 10px 0;
}

.help .geo-verification a {
  display: block;
}

.help:after {
  content: '';
  display: block;
  clear: both;
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

.how-to {
  width: 100%;
}

.how-to h2 {
  color: #9d9bd4;
}

.how-to .device-info {
  float: left;
  width: 33.3333%;
  padding-right: 80px;
  position: relative;
}

.how-to .device-info .image-container {
  min-height: 200px;
  margin: 20px 0 25px;
  position: relative;
}

.how-to .device-info .image-container img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.how-to .device-info h3 {
  margin-bottom: 22px;
}

.how-to .device-info h4 {
  color: #9d9bd4;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.how-to .device-info ul {
  list-style-type: disc;
  padding-left: 25px;
  margin: 10px 0;
}

.how-to .device-info ul li {
  line-height: 26px;
}

.how-to .device-info ul li a {
  text-decoration: underline;
}

.how-to .device-info .google_play2 {
  position: absolute;
  bottom: -58px;
  left: 0;
}

.how-to .device-info .google_play2 a {
  display: inline-block;
  width: 172px;
  height: 50px;
  text-decoration: none;
}

.how-to .device-info .google_play2 a:first-child {
  margin-right: 5px;
}

.how-to .internet-info {
  float: left;
  clear: both;
  margin-top: 70px;
}

.how-to .internet-info h1 {
  margin-bottom: 10px;
}

.how-to:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1366px) {
  .how-to .device-info {
    padding-right: 73px;
  }

  .how-to .device-info h4 {
    font-size: 14px;
  }

  .how-to .device-info ul {
    margin: 9px 0;
  }

  .how-to .device-info ul li {
    font-size: 14px;
    line-height: 20px;
  }

  .how-to .device-info .google_play2 {
    bottom: -42px;
  }

  .how-to .device-info .google_play2 a {
    width: 128px;
    height: 36px;
  }

  .how-to .device-info .google_play2 a:first-child {
    margin-right: 3px;
  }

  .how-to .internet-info p {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .how-to .device-info {
    border-bottom: 1px solid #5a5a69;
    margin-bottom: 20px;
    padding: 0 0 20px;
    width: auto;
  }

  .how-to .device-info h3 {
    font-size: 16px;
    height: 40px;
    text-align: center;
  }

  .how-to .device-info h4 {
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
  }

  .how-to .device-info ul li {
    padding-left: 0;
  }

  .how-to .device-info .image-container {
    min-height: 200px;
    margin: 0;
  }

  .how-to .device-info .image-container img {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

  .how-to .device-info .google_play2 {
    position: static;
  }

  .how-to h1 {
    line-height: 1.4;
  }

  .how-to .internet-info {
    margin-top: 0;
  }
}

/*colors*/

/* payment-methods */

.info-box {
  width: 100%;
  padding: 14px 40px;
  margin: 24px 0;
  color: #9d9bd4;
  border: 1px solid #fd1e51;
  border-radius: 10px;
  opacity: 0;
  position: relative;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

.info-box .first-line {
  font-weight: 700;
}

.info-box .second-line {
  font-weight: 500;
}

.info-box .close {
  position: absolute;
  top: 14px;
  right: 7px;
}

.info-box .close span {
  font-size: 50px;
  font-weight: 300;
  color: #9d9bd4;
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

.intro-mobile {
  width: 100vw;
  margin-left: -50vw;
  position: relative;
  left: 50%;
  clear: both;
  background-color: #181825;
  padding: 50px 0;
}

.intro-mobile .wrapper {
  display: inline-block;
  text-align: center;
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.intro-mobile .wrapper .text-container {
  display: inline-block;
}

.intro-mobile .wrapper .text-container span {
  display: block;
  text-align: right;
}

.intro-mobile .wrapper .text-container .first-line {
  color: #fff;
  font-size: 36px;
  line-height: 40px;
}

.intro-mobile .wrapper .text-container .second-line {
  color: #ff134a;
  font-size: 24px;
  line-height: 40px;
}

.intro-mobile .wrapper .text-container .google_play2 {
  margin-top: 18px;
}

.intro-mobile .wrapper .text-container .google_play2 a:first-child {
  margin-right: 6px;
}

.intro-mobile .wrapper .image {
  display: inline-block;
  margin-left: 40px;
}

@media screen and (min-width: 767px) and (max-width: 974px) {
  .intro-mobile {
    left: 0;
    margin-left: 0;
    float: left;
  }
}

@media screen and (max-width: 767px) {
  .intro-mobile {
    clear: both;
    padding: 16px 0;
  }

  .intro-mobile .wrapper {
    width: 100%;
  }

  .intro-mobile .wrapper .image {
    display: block;
    margin: 20px auto 0;
  }

  .intro-mobile .wrapper .text-container span {
    text-align: center;
  }

  .intro-mobile .wrapper .text-container .google_play2 {
    margin-top: 18px;
  }

  .intro-mobile .wrapper .text-container .google_play2 a:first-child {
    display: inline-block;
    margin: 0 0 10px;
  }
}

/*colors*/

/* payment-methods */

.vertical-line {
  width: 1px;
  position: absolute;
  height: 85vh;
  top: 0;
  right: 0;
}

.vertical-line-first {
  height: 10%;
  background-color: #32324d;
}

.vertical-line-text {
  font-size: 25px;
  margin: 11px 0 10px -17px;
  color: #9d9bd4;
  font-weight: bold;
}

.vertical-line-second {
  height: 90%;
  background-color: #32324d;
}

@media (max-width: 767px) {
  .vertical-line {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
  }

  .vertical-line-first {
    display: inline-block;
    width: 40%;
    height: 1px;
  }

  .vertical-line-text {
    display: inline-block;
    margin: 0 14px 0 14px;
    position: relative;
    top: 6px;
  }

  .vertical-line-second {
    display: inline-block;
    width: 40%;
    height: 1px;
  }
}

@media (max-width: 440px) and (orientation: portrait) {
  .vertical-line-first {
    width: 35%;
  }

  .vertical-line-second {
    width: 35%;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

.login-section {
  width: 80%;
  margin: 30px auto;
}

.login-section:after {
  content: '';
  display: block;
  clear: both;
}

.login-page .section {
  width: 52%;
  margin: 24px auto;
  padding: 30px 40px;
  background-color: #28283E;
}

@media (max-width: 767px) {
  .login-page .section {
    width: 100%;
    padding: 20px 10px;
    max-width: 500px;
  }
}

.login-page .section h1,
.login-page .section h2 {
  text-align: center;
  margin-bottom: 20px;
  line-height: 32px;
}

.login-form {
  width: 53%;
  padding: 32px 40px;
  float: left;
  background-color: #28283e;
  position: relative;
}

.login-form h1,
.login-form p {
  text-align: center;
}

.login-form .page-title {
  text-align: center;
  color: #9d9bd4;
}

.login-form .forgot-pass-link {
  text-align: right;
}

.login-form .forgot-pass-link a {
  font-size: 14px;
}

.login-form .button-important {
  display: block;
  background-color: #fd1e51;
  height: 52px;
  width: 100%;
  font-size: 16px;
  margin: 12px 0 20px;
  -webkit-transition: background-color .1s ease-in-out;
  -o-transition: background-color .1s ease-in-out;
  transition: background-color .1s ease-in-out;
}

.login-form .button-important:hover {
  background-color: #fd3462;
}

.note-box .note {
  font-size: 13px;
  line-height: 20px;
  color: #9d9bd4;
  text-align: center;
  margin-top: 53px;
}

.login-alternative {
  width: 47%;
  padding: 32px 0 32px 80px;
  float: left;
}

.login-alternative .external-login-box {
  margin-bottom: 50px;
}

.login-alternative .external-login-box h2 {
  color: #99A1D4;
  font-size: 16px;
  font-size: 24px;
  line-height: 26px;
}

.login-alternative .external-login-box .note {
  font-size: 13px;
  line-height: 20px;
  color: #9d9bd4;
  text-align: center;
  margin-top: 53px;
}

.login-alternative .button {
  text-transform: none;
  height: 42px;
  width: 100%;
  line-height: 42px;
  padding: 0;
  text-align: center;
}

.login-alternative .button-fb:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 26px;
  vertical-align: middle;
  margin-right: 3px;
  background: url(data:image/svg+xml,%3Csvg%20class%3D%22svg-fb-icon%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2213%22%20height%3D%2226%22%20viewBox%3D%220%200%2013%2026%22%20version%3D%221.1%22%3E%3Cg%20class%3D%22svg-fb-group%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill-rule%3D%22nonzero%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M12.186%208.319L8.036%208.319%208.036%205.652C8.036%204.651%208.713%204.417%209.191%204.417L12.119%204.417%2012.119%200.015%208.086%200C3.608%200%202.589%203.283%202.589%205.384L2.589%208.319%200%208.319%200%2012.855%202.589%2012.855%202.589%2025.69%208.036%2025.69%208.036%2012.855%2011.711%2012.855%2012.186%208.319Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E) center center no-repeat;
}

.login-alternative #facebook-login-button.blocked {
  opacity: 0.5;
  color: #adadad;
}

.login-alternative #facebook-login-button.blocked:hover {
  cursor: not-allowed;
}

.login-alternative .button-wp:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 42px;
  vertical-align: middle;
  margin-right: 3px;
  background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnX21haWxfaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjQwIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgNDAgMTkiIHZlcnNpb249IjEuMSI+PGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGRkZGIj48cGF0aCBkPSJNMi44MzYgMTMuNzM3TDcuMDQzIDkuMjE4IDguNTk3IDEwLjEyMkM4LjY1NCAxMC4xNTUgOC43MTcgMTAuMTcyIDguNzggMTAuMTcyIDguODcyIDEwLjE3MiA4Ljk2MiAxMC4xMzcgOS4wMzIgMTAuMDcxTDEwLjEyNyA5LjAyNUMxMC4yODUgOS41NCAxMC40NDQgMTAuMDU2IDEwLjYwMSAxMC41NzIgMTAuNzM4IDExLjAyMiAxMC44NzMgMTEuNDczIDExLjAxIDExLjkyMyAxMS4wNDEgMTIuMDI1IDExLjA3MyAxMi4xMjcgMTEuMTA0IDEyLjIyOEwyLjgzNiAxMy43MzdaTTEuNDk2IDUuMTQ2TDguNjczIDQuMzIxQzguNzk0IDQuNzAzIDguOTE3IDUuMDg0IDkuMDM2IDUuNDY2IDkuMjI4IDYuMDg3IDkuNDE2IDYuNzEgOS42MDYgNy4zMzIgOS43IDcuNjM2IDkuNzkzIDcuOTQxIDkuODg3IDguMjQ1TDguNzI3IDkuMzU0IDEuNDk2IDUuMTQ2Wk0yLjA2NSAxMy40OTVMMC44NDEgNS42MDkgNi4zOTcgOC44NDIgMi4wNjUgMTMuNDk1Wk0zOS45MzYgNS44NjZDMzkuODY5IDUuNDMgMzkuNzc2IDUuMDAxIDM5LjYxMiA0LjU5MiAzOS4wNjUgMy4yMzMgMzguMDc0IDIuMzk5IDM2LjYzNyAyLjEwNiAzNi4zODcgMi4wNTUgMzYuMTI4IDIuMDQgMzUuODczIDIuMDE2IDM1LjQ2OCAxLjk3NyAzNS4wNjIgMS45NDQgMzQuNjU3IDEuOTExIDM0LjI2OSAxLjg4IDMzLjg4MSAxLjg1MSAzMy40OTIgMS44MiAzMy4xOSAxLjc5NiAzMi44ODcgMS43NzIgMzIuNTg0IDEuNzQ3IDMyLjI5IDEuNzIyIDMxLjk5NSAxLjcwMyAzMS43MDIgMS42NzIgMzEuMDgzIDEuNjA1IDMwLjM0NCAxLjkxNCAzMC4wNzQgMi42NjIgMjkuOTkzIDIuODg2IDI5Ljk1NSAzLjExNyAyOS45MzMgMy4zNTIgMjkuODc1IDMuOTYxIDI5LjgxNSA0LjU3IDI5Ljc1NSA1LjE3OSAyOS42OTEgNS44MjYgMjkuNjI0IDYuNDczIDI5LjU2MSA3LjEyIDI5LjUwOSA3LjY2MSAyOS40NTkgOC4yMDIgMjkuNDEzIDguNzQ0IDI5LjM1NiA5LjQyMiAyOS4zMDIgMTAuMSAyOS4yNSAxMC43NzkgMjkuMiAxMS40MjcgMjkuMTU1IDEyLjA3NiAyOS4xMDYgMTIuNzI1IDI5LjA5NyAxMi44NCAyOS4wODYgMTIuOTU1IDI5LjA3IDEzLjA3IDI5LjA1NiAxMy4xNjcgMjkuMDExIDEzLjIxOSAyOC45NDUgMTMuMjI4IDI4LjgzNiAxMy4yNDMgMjguNzM5IDEzLjE4MSAyOC43MTIgMTMuMDc0IDI4LjY4OSAxMi45ODIgMjguNjczIDEyLjg4OSAyOC42NTUgMTIuNzk3IDI4LjM4OCAxMS40NDEgMjguMTIzIDEwLjA4NSAyNy44NTUgOC43MjkgMjcuNjEgNy40OTEgMjcuMzYzIDYuMjUzIDI3LjExNCA1LjAxNiAyNy4wMDIgNC40NjEgMjYuODUgMy45MTcgMjYuNTkyIDMuNDEgMjYuMTk4IDIuNjMyIDI1LjYzOSAyLjAwNyAyNC44NTMgMS42MTYgMjMuNzIxIDEuMDUzIDIyLjUzNSAwLjk0NSAyMS4zMTcgMS4yNjkgMjAuNjczIDEuNDQxIDIwLjEzIDEuNzg5IDE5LjcwNiAyLjMxMyAxOS40MDMgMi42ODggMTkuMTkzIDMuMTExIDE5LjA0NyAzLjU2NyAxOC44ODMgNC4wOCAxOC44MTkgNC42MTEgMTguNzY4IDUuMTQ0IDE4LjcwMiA1Ljg0MyAxOC42NDIgNi41NDIgMTguNTc4IDcuMjQxIDE4LjQ5NiA4LjE0MSAxOC40MTMgOS4wNCAxOC4zMyA5LjkzOSAxOC4yNjUgMTAuNjUxIDE4LjIgMTEuMzYyIDE4LjEzNSAxMi4wNzQgMTguMDggMTIuNjU4IDE4LjAyNCAxMy4yNDEgMTcuOTY5IDEzLjgyNSAxNy45NSAxNC4wMzQgMTcuOTM0IDE0LjI0MyAxNy45MTEgMTQuNDUxIDE3Ljg5NSAxNC42IDE3LjgzNCAxNC42NiAxNy42OTcgMTQuNjgyIDE3LjUzIDE0LjcwOCAxNy40MTggMTQuNjM2IDE3LjM3NCAxNC40NjQgMTcuMzI5IDE0LjI4NiAxNy4yOTIgMTQuMTA2IDE3LjI1MSAxMy45MjYgMTcuMTE3IDEzLjM0MiAxNi45ODcgMTIuNzU3IDE2Ljg0OCAxMi4xNzQgMTYuNzA3IDExLjU3OSAxNi41NTkgMTAuOTg1IDE2LjQxMSAxMC4zOTEgMTYuMjA3IDkuNTY5IDE2LjAwMyA4Ljc0NiAxNS43OTQgNy45MjUgMTUuNjIzIDcuMjU0IDE1LjQ0NCA2LjU4NCAxNS4yNjggNS45MTMgMTUuMDkzIDUuMjUxIDE0LjkxNyA0LjU5IDE0Ljc0MSAzLjkyOCAxNC42MTggMy40NjEgMTQuNDkxIDIuOTk0IDE0LjM3MSAyLjUyNSAxNC4yMTMgMS45MDUgMTMuOTAxIDEuMzgyIDEzLjQwNyAwLjk3IDEyLjgxOCAwLjQ3OSAxMi4xNDYgMC4xNjggMTEuMzg5IDAuMDUgMTAuNTA0LTAuMDg4IDkuNjc1IDAuMDU0IDguOTI3IDAuNTY3IDguNTY1IDAuODE1IDguMjk1IDEuMTM5IDguMTY0IDEuNTY4IDguMDY3IDEuODg4IDguMDYyIDIuMjE0IDguMTQ0IDIuNTMyIDguMjM3IDIuODk0IDguMzQ1IDMuMjUzIDguNDU0IDMuNjEyTDAuMzIyIDQuNTQ2QzAuMzE0IDQuNTQ3IDAuMzA3IDQuNTUgMC4yOTkgNC41NTEgMC4yODYgNC41NTQgMC4yNzMgNC41NTYgMC4yNTkgNC41NiAwLjI0OSA0LjU2MyAwLjI0IDQuNTY3IDAuMjMgNC41NzEgMC4yMTcgNC41NzYgMC4yMDUgNC41ODEgMC4xOTMgNC41ODcgMC4xODQgNC41OTIgMC4xNzUgNC41OTggMC4xNjYgNC42MDMgMC4xNTUgNC42MTEgMC4xNDQgNC42MTggMC4xMzQgNC42MjcgMC4xMjUgNC42MzMgMC4xMTcgNC42NDEgMC4xMDkgNC42NDkgMC4xIDQuNjU4IDAuMDkxIDQuNjY3IDAuMDgzIDQuNjc3IDAuMDggNC42ODEgMC4wNzYgNC42ODQgMC4wNzMgNC42ODcgMC4wNjkgNC42OTQgMC4wNjYgNC43MDEgMC4wNjEgNC43MDcgMC4wNTcgNC43MTMgMC4wNTIgNC43MTkgMC4wNDggNC43MjUgMC4wNDYgNC43MjkgMC4wNDUgNC43MzQgMC4wNDIgNC43MzggMC4wMzYgNC43NDkgMC4wMzIgNC43NiAwLjAyNyA0Ljc3MiAwLjAyMiA0Ljc4MyAwLjAxOCA0Ljc5NSAwLjAxNCA0LjgwNyAwLjAxMSA0LjgxNyAwLjAwOSA0LjgyOCAwLjAwNyA0LjgzOSAwLjAwNCA0Ljg1MiAwLjAwMiA0Ljg2NSAwLjAwMSA0Ljg3OCAwIDQuODg5IDAgNC44OTkgMCA0LjkxIDAgNC45MjMgMC4wMDEgNC45MzYgMC4wMDIgNC45NSAwLjAwMyA0Ljk1NSAwLjAwMiA0Ljk1OSAwLjAwMyA0Ljk2NEwxLjQ1OSAxNC4zNDlDMS40NiAxNC4zNTMgMS40NjEgMTQuMzU3IDEuNDYyIDE0LjM2MSAxLjQ2NSAxNC4zNzQgMS40NjggMTQuMzg3IDEuNDcyIDE0LjM5OSAxLjQ3NSAxNC40MSAxLjQ3OCAxNC40MiAxLjQ4MiAxNC40MyAxLjQ4NyAxNC40NDIgMS40OTMgMTQuNDUzIDEuNDk5IDE0LjQ2NSAxLjUwNSAxNC40NzUgMS41MSAxNC40ODQgMS41MTYgMTQuNDk0IDEuNTIzIDE0LjUwNCAxLjUzMSAxNC41MTMgMS41MzggMTQuNTIzIDEuNTQ2IDE0LjUzMiAxLjU1NCAxNC41NDIgMS41NjMgMTQuNTUgMS41NjYgMTQuNTUzIDEuNTY4IDE0LjU1NyAxLjU3MSAxNC41NiAxLjU3NyAxNC41NjYgMS41ODUgMTQuNTcgMS41OTEgMTQuNTc2IDEuNTk3IDE0LjU4IDEuNjAyIDE0LjU4NiAxLjYwOCAxNC41OSAxLjYxMiAxNC41OTMgMS42MTUgMTQuNTk0IDEuNjE5IDE0LjU5NyAxLjYyNiAxNC42MDEgMS42MzMgMTQuNjA1IDEuNjQgMTQuNjA5IDEuNjUxIDE0LjYxNiAxLjY2MyAxNC42MjIgMS42NzUgMTQuNjI3IDEuNjgzIDE0LjYzIDEuNjkgMTQuNjM0IDEuNjk4IDE0LjYzNiAxLjcxMSAxNC42NDEgMS43MjQgMTQuNjQ0IDEuNzM3IDE0LjY0NyAxLjc0NCAxNC42NDkgMS43NTEgMTQuNjUxIDEuNzU4IDE0LjY1MiAxLjc3OCAxNC42NTYgMS43OTkgMTQuNjU4IDEuODE5IDE0LjY1OCAxLjgxOSAxNC42NTggMS44MTkgMTQuNjU4IDEuODE5IDE0LjY1OEwxLjgxOSAxNC42NThDMS44NDEgMTQuNjU4IDEuODYzIDE0LjY1NiAxLjg4NSAxNC42NTJMMTEuMzIgMTIuOTNDMTEuMzcxIDEzLjA5OCAxMS40MjIgMTMuMjY1IDExLjQ3NCAxMy40MzMgMTEuNjA1IDEzLjg1OCAxMS43MzggMTQuMjgyIDExLjg2NSAxNC43MDkgMTIuMDIyIDE1LjIzOCAxMi4xODQgMTUuNzY2IDEyLjQxNCAxNi4yNjkgMTIuNjc0IDE2LjgzNSAxMy4wMzcgMTcuMzIxIDEzLjUzIDE3LjcwNCAxNC4yNjYgMTguMjc4IDE1LjExNSAxOC41NSAxNi4wMzQgMTguNjMzIDE2LjUzOSAxOC42NzggMTcuMDQzIDE4LjY0NyAxNy41NDQgMTguNTc5IDE4LjQxMSAxOC40NjEgMTkuMjMyIDE4LjIxMyAxOS45ODIgMTcuNzUyIDIwLjcwOSAxNy4zMDQgMjEuMjg5IDE2LjcyMSAyMS42NjYgMTUuOTQ2IDIxLjkyOCAxNS40MDcgMjIuMDU4IDE0LjgzMyAyMi4xMjMgMTQuMjQ0IDIyLjE5MiAxMy42MjMgMjIuMjQ4IDEzIDIyLjMxIDEyLjM3OSAyMi4zOTMgMTEuNTUzIDIyLjQ3OCAxMC43MjcgMjIuNTYgOS45MDEgMjIuNjI2IDkuMjI4IDIyLjY4OSA4LjU1NCAyMi43NTUgNy44ODEgMjIuODMxIDcuMTExIDIyLjkwOSA2LjM0IDIyLjk4NyA1LjU2OSAyMyA1LjQ0NiAyMy4wMTEgNS4zMjIgMjMuMDI4IDUuMTk5IDIzLjA0NyA1LjA2OCAyMy4xMTEgNS4wMDIgMjMuMjE5IDQuOTkxIDIzLjMzOCA0Ljk3OSAyMy40MTQgNS4wMyAyMy40NiA1LjE1NiAyMy40NzIgNS4xODggMjMuNDggNS4yMjEgMjMuNDg4IDUuMjU0IDIzLjU1OSA1LjU3MiAyMy42MjkgNS44ODkgMjMuNzAxIDYuMjA2IDIzLjkxMSA3LjE0MiAyNC4xMjEgOC4wNzcgMjQuMzMxIDkuMDEyIDI0LjUyMiA5Ljg2IDI0LjcxMSAxMC43MDcgMjQuOTA1IDExLjU1NCAyNS4wOTkgMTIuNCAyNS4yOTMgMTMuMjQ3IDI1LjQ5NiAxNC4wOTEgMjUuNTk3IDE0LjUwOSAyNS43NTQgMTQuOTA4IDI1Ljk5OSAxNS4yNjYgMjYuNTI1IDE2LjAzNSAyNy4yNTUgMTYuNDQ0IDI4LjE4MyAxNi41MDEgMjguNjUzIDE2LjUzIDI5LjExNSAxNi40ODEgMjkuNTY2IDE2LjM0NiAzMC4xNzUgMTYuMTY0IDMwLjcyMyAxNS44NzYgMzEuMTgxIDE1LjQzMSAzMS43MjcgMTQuOSAzMi4wNDYgMTQuMjQ5IDMyLjIwMSAxMy41MSAzMi4yODYgMTMuMTAzIDMyLjMxNiAxMi42ODkgMzIuMzU5IDEyLjI3NyAzMi40NSAxMS40MjYgMzIuNTQzIDEwLjU3NSAzMi42MzIgOS43MjUgMzIuNzA3IDkuMDEgMzIuNzc5IDguMjk1IDMyLjg1MyA3LjU4IDMyLjkwMyA3LjA5NSAzMi45NTIgNi42MDkgMzMuMDAzIDYuMTI0IDMzLjAzNiA1LjgxIDMzLjA3MiA1LjQ5NiAzMy4xMDggNS4xNjMgMzMuMTY2IDUuMTYzIDMzLjIxMyA1LjE2MyAzMy4yNTkgNS4xNjMgMzQuMDg1IDUuMTc2IDM0LjkxMiA1LjE4OCAzNS43MzggNS4yMDMgMzUuOTQ0IDUuMjA3IDM2LjE1IDUuMjA1IDM2LjM1NCA1LjIyOCAzNy44NzggNS4zNDMgMzcuNjU4IDguNiAzNi41MDQgOC43OTEgMzYuMjgxIDguODI4IDM2LjA1NCA4Ljg0NyAzNS44MjggOC44NjQgMzUuNDQ0IDguODkyIDM1LjA1OSA4LjkxMiAzNC42NzUgOC45MzYgMzQuNDE2IDguOTUyIDM0LjIwNyA5LjA3MSAzNC4wNDcgOS4yNjkgMzMuOTYxIDkuMzc1IDMzLjg4MSA5LjQ4OSAzMy44MTkgOS42MSAzMy41ODMgMTAuMDcyIDMzLjU0OSAxMC41NTkgMzMuNjcyIDExLjA1OCAzMy43MjYgMTEuMjc5IDMzLjgyMyAxMS40ODUgMzMuOTc4IDExLjY1OCAzNC4xNDggMTEuODQ2IDM0LjM1OCAxMS45MjkgMzQuNjExIDExLjkwMSAzNC43MyAxMS44ODcgMzQuODQ5IDExLjg3MyAzNC45NjggMTEuODU4IDM1LjQzMSAxMS44MDEgMzUuODk0IDExLjc0NyAzNi4zNTcgMTEuNjg2IDM2LjY1NCAxMS42NDcgMzYuOTUgMTEuNjA1IDM3LjIzNyAxMS41MTIgMzguMzc3IDExLjE0NSAzOS4xODYgMTAuNDI3IDM5LjYxMiA5LjI5MSAzOS44NDMgOC42NzMgMzkuOTUxIDguMDMxIDM5Ljk4NCA3LjM3NyA0MC4wMDkgNi44NzQgNDAuMDEzIDYuMzY5IDM5LjkzNiA1Ljg2NkwzOS45MzYgNS44NjZaIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=) center center no-repeat;
}

.register-section {
  display: none;
  width: 100vw;
  height: 260px;
  margin-left: -50vw;
  left: 50%;
  clear: both;
  background-image: url(https://wpcdn.pl/wp-pilot/channels-bg.72b2a084.png);
  position: relative;
}

.is-page-login {
  min-height: calc(100% - 320px) !important;
}

.if-login {
  height: 320px;
  position: relative;
}

.if-login .register-section {
  display: block;
}

.if-login .links {
  position: absolute;
  bottom: 0;
  top: auto;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.register-container {
  width: 1210px;
  margin: 0 auto;
  padding: 40px 40px 40px 160px;
}

.register-container p {
  font-weight: 500;
}

.register-container p strong {
  color: #fd1e51;
}

.register-container .button-important {
  height: 42px;
  line-height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  margin-top: 24px;
}

.register-container h2 {
  color: #9d9bd4;
}

@media screen and (max-width: 767px) {
  .login-section h1,
  .login-section h2 {
    font-weight: initial;
  }

  .login-section .page-title {
    font-size: 24px;
    line-height: 48px;
    padding: 15px 0;
  }

  .register-section {
    background-size: cover;
  }

  .register-container {
    padding: 40px 16px 62px 16px;
  }

  .register-container h2,
  .register-container p {
    font-weight: normal;
    text-align: initial;
  }

  .register-container .button-important {
    width: 100%;
    text-transform: initial;
  }
}

#facebook-login-button.loader {
  position: relative;
  background: #34589d;
}

#facebook-login-button.loader:before {
  content: '';
  width: 25px;
  height: 25px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAhFBMVEUAAACqqtSqjcacnNehodaZmdacnNWbm9SamtWcnNWamtGemtGcnNGem9KcnNKdndKdm9KcnNKdm9OcnNOdm9OcnNOcnNOcnNKcnNKcnNKcnNOdm9OdnNOcnNKdnNKdnNKcnNKcm9KcnNKcm9KcnNOdnNOdm9Kcm9Ocm9Ocm9Ocm9Kcm9Lqhn28AAAALHRSTlMABgkNExkfJCsxOD1DSlBWXGJpb3Z8gomOlJmfpauyt73DytDX3uXq7/T5/hLwUNsAAAQPSURBVHgB7dLpkrI4FMbxJ0DCIirutoui3fYyff/3N+fEI8G8LkB3zXx5f1B8/NcTKmgsxW/Ly2/rVC4nv1WffFf+IeXE4McGLslRdhx36iqloGCdKOdlv76+Vr32SdfM/SRHyeeuVVYFiuGcHbmoa3L083MTNk8GgVvqRb9rUXLqo5EgDLhqgaV3Tk8+Pj7WDcaqkJyjuGw9eUuroR/k/S172oyiqkrclRLeUI6+vw/xUBBJlNz+qy4qTTbCA2FE3FSXzXd/NIk0T6fT4kFT26arUtLJe71iVn5I1DX9qt/UXCX1qb50cvSHsgluCjSzzaqKm5LVl998exvca7L6VNwTTv3m2zHBn4wx11WFR8xOotKkqoZPG64aV1V4YvjmmtYanjA2TFvPmiI5XjVfX3NcUXEsVdmKJsK9a76SQ4g6HRM3NkIz4c412dQf6qrSbFaVpEjhmCSpZTXQqvp6jh5fj8cVKmHCqqpCC8mx2nkkuj7UZU2IVgpXJDMIlVzE1NVoae2S5DIpSpO0ysYKLemqeTgeDkOcxWnqshFaG1dJsoUVpCJhCq2FpW0eztUYTEvTZg06mEnSGsnpaxQ60FK0lmBZmmapiNHJukqWhwNImBHK2rBGJ0Pp8VvysMg2pazQSUxN7tm3D8BcgvxFR/uSnbNjAAk3JRyjoyXlOMiWANLM0eioKJ0NgKwmQkf9ssaLhugo/Rv976K934327EOvRke5F01lJzM/uPx7+8jlT3pnnE3Q0aJ0lgAM90SGjrZ7minPGIDu1YToJN6LkgwAhPWoQSeDS5M/CYj0cnrzDJ287GvAEolaATrQu51rLsCMFO0nQQeTHZNoARZWRabQWrixUcnGsLL8op/3Y7Q23EqUu2ucmapJ2v/VaL3d7qruAGeBS5IMLc22pMpqiJSKl+ZgEKOV/mazddmZO0BeJUk/QgtmtbFVRtUElezS5Oqwr9BYsNxYsnUOJ5KZbDhsUQ3m6/WamzI2QU3qkixTDZujNavGTlGnLk1bLYpmW4PZaiVVO3Yd4oqu7SzIMMJTZr4ita0ZPJlrslGR4Il88fJyVZ3ApyQpTTII8UA0Xr5wVKqUXQWAL/Ka4/EoU7gjyOfLpVc1uMFcN8lknIc3Vw5ni8XSq/ZwU1I1CTdZkWpc0dl4Pl8QjhJuUnWAO7L6TolOp9NJ0UuMlfaK6ZxIVKpshLsyN9Q12axGoq7qN32JP/Sc5Kfe9Kf28VA8Yq4pajtvVDM8ERVXQznLM+tZd35bXRg8pXI3lJNSvTt1FKAJQ1VJCrfUnzpP0JDqc5R5Q91SyTabKfRAkjeqbuo4RjtmQFFZevunFjHaC9NR/UJJV5qTLEJHuje8df5RrvEzJsuL8UxMijwz+F/8CyKz6E8T1nBoAAAAAElFTkSuQmCC) center no-repeat;
  background-size: 100% 100%;
  -webkit-animation: loader .6s linear infinite;
          animation: loader .6s linear infinite;
  -webkit-animation-fill-mode: forward;
          animation-fill-mode: forward;
}

#wp-login-button.loader {
  position: relative;
  background: #444769;
}

#wp-login-button.loader:before {
  content: '';
  width: 25px;
  height: 25px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAhFBMVEUAAACqqtSqjcacnNehodaZmdacnNWbm9SamtWcnNWamtGemtGcnNGem9KcnNKdndKdm9KcnNKdm9OcnNOdm9OcnNOcnNOcnNKcnNKcnNKcnNOdm9OdnNOcnNKdnNKdnNKcnNKcm9KcnNKcm9KcnNOdnNOdm9Kcm9Ocm9Ocm9Ocm9Kcm9Lqhn28AAAALHRSTlMABgkNExkfJCsxOD1DSlBWXGJpb3Z8gomOlJmfpauyt73DytDX3uXq7/T5/hLwUNsAAAQPSURBVHgB7dLpkrI4FMbxJ0DCIirutoui3fYyff/3N+fEI8G8LkB3zXx5f1B8/NcTKmgsxW/Ly2/rVC4nv1WffFf+IeXE4McGLslRdhx36iqloGCdKOdlv76+Vr32SdfM/SRHyeeuVVYFiuGcHbmoa3L083MTNk8GgVvqRb9rUXLqo5EgDLhqgaV3Tk8+Pj7WDcaqkJyjuGw9eUuroR/k/S172oyiqkrclRLeUI6+vw/xUBBJlNz+qy4qTTbCA2FE3FSXzXd/NIk0T6fT4kFT26arUtLJe71iVn5I1DX9qt/UXCX1qb50cvSHsgluCjSzzaqKm5LVl998exvca7L6VNwTTv3m2zHBn4wx11WFR8xOotKkqoZPG64aV1V4YvjmmtYanjA2TFvPmiI5XjVfX3NcUXEsVdmKJsK9a76SQ4g6HRM3NkIz4c412dQf6qrSbFaVpEjhmCSpZTXQqvp6jh5fj8cVKmHCqqpCC8mx2nkkuj7UZU2IVgpXJDMIlVzE1NVoae2S5DIpSpO0ysYKLemqeTgeDkOcxWnqshFaG1dJsoUVpCJhCq2FpW0eztUYTEvTZg06mEnSGsnpaxQ60FK0lmBZmmapiNHJukqWhwNImBHK2rBGJ0Pp8VvysMg2pazQSUxN7tm3D8BcgvxFR/uSnbNjAAk3JRyjoyXlOMiWANLM0eioKJ0NgKwmQkf9ssaLhugo/Rv976K934327EOvRke5F01lJzM/uPx7+8jlT3pnnE3Q0aJ0lgAM90SGjrZ7minPGIDu1YToJN6LkgwAhPWoQSeDS5M/CYj0cnrzDJ287GvAEolaATrQu51rLsCMFO0nQQeTHZNoARZWRabQWrixUcnGsLL8op/3Y7Q23EqUu2ucmapJ2v/VaL3d7qruAGeBS5IMLc22pMpqiJSKl+ZgEKOV/mazddmZO0BeJUk/QgtmtbFVRtUElezS5Oqwr9BYsNxYsnUOJ5KZbDhsUQ3m6/WamzI2QU3qkixTDZujNavGTlGnLk1bLYpmW4PZaiVVO3Yd4oqu7SzIMMJTZr4ita0ZPJlrslGR4Il88fJyVZ3ApyQpTTII8UA0Xr5wVKqUXQWAL/Ka4/EoU7gjyOfLpVc1uMFcN8lknIc3Vw5ni8XSq/ZwU1I1CTdZkWpc0dl4Pl8QjhJuUnWAO7L6TolOp9NJ0UuMlfaK6ZxIVKpshLsyN9Q12axGoq7qN32JP/Sc5Kfe9Kf28VA8Yq4pajtvVDM8ERVXQznLM+tZd35bXRg8pXI3lJNSvTt1FKAJQ1VJCrfUnzpP0JDqc5R5Q91SyTabKfRAkjeqbuo4RjtmQFFZevunFjHaC9NR/UJJV5qTLEJHuje8df5RrvEzJsuL8UxMijwz+F/8CyKz6E8T1nBoAAAAAElFTkSuQmCC) center no-repeat;
  background-size: 100% 100%;
  -webkit-animation: loader .6s linear infinite;
          animation: loader .6s linear infinite;
  -webkit-animation-fill-mode: forward;
          animation-fill-mode: forward;
}

#wp-login-modal .container {
  width: 420px;
  padding: 35px 65px;
}

#wp-login-modal .container .login-form {
  width: 100%;
  padding: 0;
}

#wp-login-modal .container .login-form h1 {
  text-align: center;
  line-height: 32px;
}

#wp-login-modal .container .login-form .label-checkbox {
  font-size: 13px;
}

#wp-login-modal .container .login-form .button-wrapper {
  position: relative;
}

#wp-login-modal .container .login-form .button-wrapper .svg_mail_icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 40px;
}

#wp-login-modal .container .login-form .button-wp {
  height: 52px;
  line-height: 52px;
  margin-bottom: 20px;
  text-align: right;
  padding-right: 30px;
  font-size: 12px;
  background-color: #444769;
}

#wp-login-modal .container .login-form .button-wp:hover {
  background-color: #575978;
}

#wp-login-modal .container .login-form .button-wp:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 42px;
  vertical-align: middle;
  margin-right: 3px;
  background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnX21haWxfaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjQwIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgNDAgMTkiIHZlcnNpb249IjEuMSI+PGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGRkZGIj48cGF0aCBkPSJNMi44MzYgMTMuNzM3TDcuMDQzIDkuMjE4IDguNTk3IDEwLjEyMkM4LjY1NCAxMC4xNTUgOC43MTcgMTAuMTcyIDguNzggMTAuMTcyIDguODcyIDEwLjE3MiA4Ljk2MiAxMC4xMzcgOS4wMzIgMTAuMDcxTDEwLjEyNyA5LjAyNUMxMC4yODUgOS41NCAxMC40NDQgMTAuMDU2IDEwLjYwMSAxMC41NzIgMTAuNzM4IDExLjAyMiAxMC44NzMgMTEuNDczIDExLjAxIDExLjkyMyAxMS4wNDEgMTIuMDI1IDExLjA3MyAxMi4xMjcgMTEuMTA0IDEyLjIyOEwyLjgzNiAxMy43MzdaTTEuNDk2IDUuMTQ2TDguNjczIDQuMzIxQzguNzk0IDQuNzAzIDguOTE3IDUuMDg0IDkuMDM2IDUuNDY2IDkuMjI4IDYuMDg3IDkuNDE2IDYuNzEgOS42MDYgNy4zMzIgOS43IDcuNjM2IDkuNzkzIDcuOTQxIDkuODg3IDguMjQ1TDguNzI3IDkuMzU0IDEuNDk2IDUuMTQ2Wk0yLjA2NSAxMy40OTVMMC44NDEgNS42MDkgNi4zOTcgOC44NDIgMi4wNjUgMTMuNDk1Wk0zOS45MzYgNS44NjZDMzkuODY5IDUuNDMgMzkuNzc2IDUuMDAxIDM5LjYxMiA0LjU5MiAzOS4wNjUgMy4yMzMgMzguMDc0IDIuMzk5IDM2LjYzNyAyLjEwNiAzNi4zODcgMi4wNTUgMzYuMTI4IDIuMDQgMzUuODczIDIuMDE2IDM1LjQ2OCAxLjk3NyAzNS4wNjIgMS45NDQgMzQuNjU3IDEuOTExIDM0LjI2OSAxLjg4IDMzLjg4MSAxLjg1MSAzMy40OTIgMS44MiAzMy4xOSAxLjc5NiAzMi44ODcgMS43NzIgMzIuNTg0IDEuNzQ3IDMyLjI5IDEuNzIyIDMxLjk5NSAxLjcwMyAzMS43MDIgMS42NzIgMzEuMDgzIDEuNjA1IDMwLjM0NCAxLjkxNCAzMC4wNzQgMi42NjIgMjkuOTkzIDIuODg2IDI5Ljk1NSAzLjExNyAyOS45MzMgMy4zNTIgMjkuODc1IDMuOTYxIDI5LjgxNSA0LjU3IDI5Ljc1NSA1LjE3OSAyOS42OTEgNS44MjYgMjkuNjI0IDYuNDczIDI5LjU2MSA3LjEyIDI5LjUwOSA3LjY2MSAyOS40NTkgOC4yMDIgMjkuNDEzIDguNzQ0IDI5LjM1NiA5LjQyMiAyOS4zMDIgMTAuMSAyOS4yNSAxMC43NzkgMjkuMiAxMS40MjcgMjkuMTU1IDEyLjA3NiAyOS4xMDYgMTIuNzI1IDI5LjA5NyAxMi44NCAyOS4wODYgMTIuOTU1IDI5LjA3IDEzLjA3IDI5LjA1NiAxMy4xNjcgMjkuMDExIDEzLjIxOSAyOC45NDUgMTMuMjI4IDI4LjgzNiAxMy4yNDMgMjguNzM5IDEzLjE4MSAyOC43MTIgMTMuMDc0IDI4LjY4OSAxMi45ODIgMjguNjczIDEyLjg4OSAyOC42NTUgMTIuNzk3IDI4LjM4OCAxMS40NDEgMjguMTIzIDEwLjA4NSAyNy44NTUgOC43MjkgMjcuNjEgNy40OTEgMjcuMzYzIDYuMjUzIDI3LjExNCA1LjAxNiAyNy4wMDIgNC40NjEgMjYuODUgMy45MTcgMjYuNTkyIDMuNDEgMjYuMTk4IDIuNjMyIDI1LjYzOSAyLjAwNyAyNC44NTMgMS42MTYgMjMuNzIxIDEuMDUzIDIyLjUzNSAwLjk0NSAyMS4zMTcgMS4yNjkgMjAuNjczIDEuNDQxIDIwLjEzIDEuNzg5IDE5LjcwNiAyLjMxMyAxOS40MDMgMi42ODggMTkuMTkzIDMuMTExIDE5LjA0NyAzLjU2NyAxOC44ODMgNC4wOCAxOC44MTkgNC42MTEgMTguNzY4IDUuMTQ0IDE4LjcwMiA1Ljg0MyAxOC42NDIgNi41NDIgMTguNTc4IDcuMjQxIDE4LjQ5NiA4LjE0MSAxOC40MTMgOS4wNCAxOC4zMyA5LjkzOSAxOC4yNjUgMTAuNjUxIDE4LjIgMTEuMzYyIDE4LjEzNSAxMi4wNzQgMTguMDggMTIuNjU4IDE4LjAyNCAxMy4yNDEgMTcuOTY5IDEzLjgyNSAxNy45NSAxNC4wMzQgMTcuOTM0IDE0LjI0MyAxNy45MTEgMTQuNDUxIDE3Ljg5NSAxNC42IDE3LjgzNCAxNC42NiAxNy42OTcgMTQuNjgyIDE3LjUzIDE0LjcwOCAxNy40MTggMTQuNjM2IDE3LjM3NCAxNC40NjQgMTcuMzI5IDE0LjI4NiAxNy4yOTIgMTQuMTA2IDE3LjI1MSAxMy45MjYgMTcuMTE3IDEzLjM0MiAxNi45ODcgMTIuNzU3IDE2Ljg0OCAxMi4xNzQgMTYuNzA3IDExLjU3OSAxNi41NTkgMTAuOTg1IDE2LjQxMSAxMC4zOTEgMTYuMjA3IDkuNTY5IDE2LjAwMyA4Ljc0NiAxNS43OTQgNy45MjUgMTUuNjIzIDcuMjU0IDE1LjQ0NCA2LjU4NCAxNS4yNjggNS45MTMgMTUuMDkzIDUuMjUxIDE0LjkxNyA0LjU5IDE0Ljc0MSAzLjkyOCAxNC42MTggMy40NjEgMTQuNDkxIDIuOTk0IDE0LjM3MSAyLjUyNSAxNC4yMTMgMS45MDUgMTMuOTAxIDEuMzgyIDEzLjQwNyAwLjk3IDEyLjgxOCAwLjQ3OSAxMi4xNDYgMC4xNjggMTEuMzg5IDAuMDUgMTAuNTA0LTAuMDg4IDkuNjc1IDAuMDU0IDguOTI3IDAuNTY3IDguNTY1IDAuODE1IDguMjk1IDEuMTM5IDguMTY0IDEuNTY4IDguMDY3IDEuODg4IDguMDYyIDIuMjE0IDguMTQ0IDIuNTMyIDguMjM3IDIuODk0IDguMzQ1IDMuMjUzIDguNDU0IDMuNjEyTDAuMzIyIDQuNTQ2QzAuMzE0IDQuNTQ3IDAuMzA3IDQuNTUgMC4yOTkgNC41NTEgMC4yODYgNC41NTQgMC4yNzMgNC41NTYgMC4yNTkgNC41NiAwLjI0OSA0LjU2MyAwLjI0IDQuNTY3IDAuMjMgNC41NzEgMC4yMTcgNC41NzYgMC4yMDUgNC41ODEgMC4xOTMgNC41ODcgMC4xODQgNC41OTIgMC4xNzUgNC41OTggMC4xNjYgNC42MDMgMC4xNTUgNC42MTEgMC4xNDQgNC42MTggMC4xMzQgNC42MjcgMC4xMjUgNC42MzMgMC4xMTcgNC42NDEgMC4xMDkgNC42NDkgMC4xIDQuNjU4IDAuMDkxIDQuNjY3IDAuMDgzIDQuNjc3IDAuMDggNC42ODEgMC4wNzYgNC42ODQgMC4wNzMgNC42ODcgMC4wNjkgNC42OTQgMC4wNjYgNC43MDEgMC4wNjEgNC43MDcgMC4wNTcgNC43MTMgMC4wNTIgNC43MTkgMC4wNDggNC43MjUgMC4wNDYgNC43MjkgMC4wNDUgNC43MzQgMC4wNDIgNC43MzggMC4wMzYgNC43NDkgMC4wMzIgNC43NiAwLjAyNyA0Ljc3MiAwLjAyMiA0Ljc4MyAwLjAxOCA0Ljc5NSAwLjAxNCA0LjgwNyAwLjAxMSA0LjgxNyAwLjAwOSA0LjgyOCAwLjAwNyA0LjgzOSAwLjAwNCA0Ljg1MiAwLjAwMiA0Ljg2NSAwLjAwMSA0Ljg3OCAwIDQuODg5IDAgNC44OTkgMCA0LjkxIDAgNC45MjMgMC4wMDEgNC45MzYgMC4wMDIgNC45NSAwLjAwMyA0Ljk1NSAwLjAwMiA0Ljk1OSAwLjAwMyA0Ljk2NEwxLjQ1OSAxNC4zNDlDMS40NiAxNC4zNTMgMS40NjEgMTQuMzU3IDEuNDYyIDE0LjM2MSAxLjQ2NSAxNC4zNzQgMS40NjggMTQuMzg3IDEuNDcyIDE0LjM5OSAxLjQ3NSAxNC40MSAxLjQ3OCAxNC40MiAxLjQ4MiAxNC40MyAxLjQ4NyAxNC40NDIgMS40OTMgMTQuNDUzIDEuNDk5IDE0LjQ2NSAxLjUwNSAxNC40NzUgMS41MSAxNC40ODQgMS41MTYgMTQuNDk0IDEuNTIzIDE0LjUwNCAxLjUzMSAxNC41MTMgMS41MzggMTQuNTIzIDEuNTQ2IDE0LjUzMiAxLjU1NCAxNC41NDIgMS41NjMgMTQuNTUgMS41NjYgMTQuNTUzIDEuNTY4IDE0LjU1NyAxLjU3MSAxNC41NiAxLjU3NyAxNC41NjYgMS41ODUgMTQuNTcgMS41OTEgMTQuNTc2IDEuNTk3IDE0LjU4IDEuNjAyIDE0LjU4NiAxLjYwOCAxNC41OSAxLjYxMiAxNC41OTMgMS42MTUgMTQuNTk0IDEuNjE5IDE0LjU5NyAxLjYyNiAxNC42MDEgMS42MzMgMTQuNjA1IDEuNjQgMTQuNjA5IDEuNjUxIDE0LjYxNiAxLjY2MyAxNC42MjIgMS42NzUgMTQuNjI3IDEuNjgzIDE0LjYzIDEuNjkgMTQuNjM0IDEuNjk4IDE0LjYzNiAxLjcxMSAxNC42NDEgMS43MjQgMTQuNjQ0IDEuNzM3IDE0LjY0NyAxLjc0NCAxNC42NDkgMS43NTEgMTQuNjUxIDEuNzU4IDE0LjY1MiAxLjc3OCAxNC42NTYgMS43OTkgMTQuNjU4IDEuODE5IDE0LjY1OCAxLjgxOSAxNC42NTggMS44MTkgMTQuNjU4IDEuODE5IDE0LjY1OEwxLjgxOSAxNC42NThDMS44NDEgMTQuNjU4IDEuODYzIDE0LjY1NiAxLjg4NSAxNC42NTJMMTEuMzIgMTIuOTNDMTEuMzcxIDEzLjA5OCAxMS40MjIgMTMuMjY1IDExLjQ3NCAxMy40MzMgMTEuNjA1IDEzLjg1OCAxMS43MzggMTQuMjgyIDExLjg2NSAxNC43MDkgMTIuMDIyIDE1LjIzOCAxMi4xODQgMTUuNzY2IDEyLjQxNCAxNi4yNjkgMTIuNjc0IDE2LjgzNSAxMy4wMzcgMTcuMzIxIDEzLjUzIDE3LjcwNCAxNC4yNjYgMTguMjc4IDE1LjExNSAxOC41NSAxNi4wMzQgMTguNjMzIDE2LjUzOSAxOC42NzggMTcuMDQzIDE4LjY0NyAxNy41NDQgMTguNTc5IDE4LjQxMSAxOC40NjEgMTkuMjMyIDE4LjIxMyAxOS45ODIgMTcuNzUyIDIwLjcwOSAxNy4zMDQgMjEuMjg5IDE2LjcyMSAyMS42NjYgMTUuOTQ2IDIxLjkyOCAxNS40MDcgMjIuMDU4IDE0LjgzMyAyMi4xMjMgMTQuMjQ0IDIyLjE5MiAxMy42MjMgMjIuMjQ4IDEzIDIyLjMxIDEyLjM3OSAyMi4zOTMgMTEuNTUzIDIyLjQ3OCAxMC43MjcgMjIuNTYgOS45MDEgMjIuNjI2IDkuMjI4IDIyLjY4OSA4LjU1NCAyMi43NTUgNy44ODEgMjIuODMxIDcuMTExIDIyLjkwOSA2LjM0IDIyLjk4NyA1LjU2OSAyMyA1LjQ0NiAyMy4wMTEgNS4zMjIgMjMuMDI4IDUuMTk5IDIzLjA0NyA1LjA2OCAyMy4xMTEgNS4wMDIgMjMuMjE5IDQuOTkxIDIzLjMzOCA0Ljk3OSAyMy40MTQgNS4wMyAyMy40NiA1LjE1NiAyMy40NzIgNS4xODggMjMuNDggNS4yMjEgMjMuNDg4IDUuMjU0IDIzLjU1OSA1LjU3MiAyMy42MjkgNS44ODkgMjMuNzAxIDYuMjA2IDIzLjkxMSA3LjE0MiAyNC4xMjEgOC4wNzcgMjQuMzMxIDkuMDEyIDI0LjUyMiA5Ljg2IDI0LjcxMSAxMC43MDcgMjQuOTA1IDExLjU1NCAyNS4wOTkgMTIuNCAyNS4yOTMgMTMuMjQ3IDI1LjQ5NiAxNC4wOTEgMjUuNTk3IDE0LjUwOSAyNS43NTQgMTQuOTA4IDI1Ljk5OSAxNS4yNjYgMjYuNTI1IDE2LjAzNSAyNy4yNTUgMTYuNDQ0IDI4LjE4MyAxNi41MDEgMjguNjUzIDE2LjUzIDI5LjExNSAxNi40ODEgMjkuNTY2IDE2LjM0NiAzMC4xNzUgMTYuMTY0IDMwLjcyMyAxNS44NzYgMzEuMTgxIDE1LjQzMSAzMS43MjcgMTQuOSAzMi4wNDYgMTQuMjQ5IDMyLjIwMSAxMy41MSAzMi4yODYgMTMuMTAzIDMyLjMxNiAxMi42ODkgMzIuMzU5IDEyLjI3NyAzMi40NSAxMS40MjYgMzIuNTQzIDEwLjU3NSAzMi42MzIgOS43MjUgMzIuNzA3IDkuMDEgMzIuNzc5IDguMjk1IDMyLjg1MyA3LjU4IDMyLjkwMyA3LjA5NSAzMi45NTIgNi42MDkgMzMuMDAzIDYuMTI0IDMzLjAzNiA1LjgxIDMzLjA3MiA1LjQ5NiAzMy4xMDggNS4xNjMgMzMuMTY2IDUuMTYzIDMzLjIxMyA1LjE2MyAzMy4yNTkgNS4xNjMgMzQuMDg1IDUuMTc2IDM0LjkxMiA1LjE4OCAzNS43MzggNS4yMDMgMzUuOTQ0IDUuMjA3IDM2LjE1IDUuMjA1IDM2LjM1NCA1LjIyOCAzNy44NzggNS4zNDMgMzcuNjU4IDguNiAzNi41MDQgOC43OTEgMzYuMjgxIDguODI4IDM2LjA1NCA4Ljg0NyAzNS44MjggOC44NjQgMzUuNDQ0IDguODkyIDM1LjA1OSA4LjkxMiAzNC42NzUgOC45MzYgMzQuNDE2IDguOTUyIDM0LjIwNyA5LjA3MSAzNC4wNDcgOS4yNjkgMzMuOTYxIDkuMzc1IDMzLjg4MSA5LjQ4OSAzMy44MTkgOS42MSAzMy41ODMgMTAuMDcyIDMzLjU0OSAxMC41NTkgMzMuNjcyIDExLjA1OCAzMy43MjYgMTEuMjc5IDMzLjgyMyAxMS40ODUgMzMuOTc4IDExLjY1OCAzNC4xNDggMTEuODQ2IDM0LjM1OCAxMS45MjkgMzQuNjExIDExLjkwMSAzNC43MyAxMS44ODcgMzQuODQ5IDExLjg3MyAzNC45NjggMTEuODU4IDM1LjQzMSAxMS44MDEgMzUuODk0IDExLjc0NyAzNi4zNTcgMTEuNjg2IDM2LjY1NCAxMS42NDcgMzYuOTUgMTEuNjA1IDM3LjIzNyAxMS41MTIgMzguMzc3IDExLjE0NSAzOS4xODYgMTAuNDI3IDM5LjYxMiA5LjI5MSAzOS44NDMgOC42NzMgMzkuOTUxIDguMDMxIDM5Ljk4NCA3LjM3NyA0MC4wMDkgNi44NzQgNDAuMDEzIDYuMzY5IDM5LjkzNiA1Ljg2NkwzOS45MzYgNS44NjZaIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=) center center no-repeat;
}

#wp-login-modal .container .login-form .loader {
  position: relative;
  background: #444769;
}

#wp-login-modal .container .login-form .loader:before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: 13px;
  left: 30px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAhFBMVEUAAACqqtSqjcacnNehodaZmdacnNWbm9SamtWcnNWamtGemtGcnNGem9KcnNKdndKdm9KcnNKdm9OcnNOdm9OcnNOcnNOcnNKcnNKcnNKcnNOdm9OdnNOcnNKdnNKdnNKcnNKcm9KcnNKcm9KcnNOdnNOdm9Kcm9Ocm9Ocm9Ocm9Kcm9Lqhn28AAAALHRSTlMABgkNExkfJCsxOD1DSlBWXGJpb3Z8gomOlJmfpauyt73DytDX3uXq7/T5/hLwUNsAAAQPSURBVHgB7dLpkrI4FMbxJ0DCIirutoui3fYyff/3N+fEI8G8LkB3zXx5f1B8/NcTKmgsxW/Ly2/rVC4nv1WffFf+IeXE4McGLslRdhx36iqloGCdKOdlv76+Vr32SdfM/SRHyeeuVVYFiuGcHbmoa3L083MTNk8GgVvqRb9rUXLqo5EgDLhqgaV3Tk8+Pj7WDcaqkJyjuGw9eUuroR/k/S172oyiqkrclRLeUI6+vw/xUBBJlNz+qy4qTTbCA2FE3FSXzXd/NIk0T6fT4kFT26arUtLJe71iVn5I1DX9qt/UXCX1qb50cvSHsgluCjSzzaqKm5LVl998exvca7L6VNwTTv3m2zHBn4wx11WFR8xOotKkqoZPG64aV1V4YvjmmtYanjA2TFvPmiI5XjVfX3NcUXEsVdmKJsK9a76SQ4g6HRM3NkIz4c412dQf6qrSbFaVpEjhmCSpZTXQqvp6jh5fj8cVKmHCqqpCC8mx2nkkuj7UZU2IVgpXJDMIlVzE1NVoae2S5DIpSpO0ysYKLemqeTgeDkOcxWnqshFaG1dJsoUVpCJhCq2FpW0eztUYTEvTZg06mEnSGsnpaxQ60FK0lmBZmmapiNHJukqWhwNImBHK2rBGJ0Pp8VvysMg2pazQSUxN7tm3D8BcgvxFR/uSnbNjAAk3JRyjoyXlOMiWANLM0eioKJ0NgKwmQkf9ssaLhugo/Rv976K934327EOvRke5F01lJzM/uPx7+8jlT3pnnE3Q0aJ0lgAM90SGjrZ7minPGIDu1YToJN6LkgwAhPWoQSeDS5M/CYj0cnrzDJ287GvAEolaATrQu51rLsCMFO0nQQeTHZNoARZWRabQWrixUcnGsLL8op/3Y7Q23EqUu2ucmapJ2v/VaL3d7qruAGeBS5IMLc22pMpqiJSKl+ZgEKOV/mazddmZO0BeJUk/QgtmtbFVRtUElezS5Oqwr9BYsNxYsnUOJ5KZbDhsUQ3m6/WamzI2QU3qkixTDZujNavGTlGnLk1bLYpmW4PZaiVVO3Yd4oqu7SzIMMJTZr4ita0ZPJlrslGR4Il88fJyVZ3ApyQpTTII8UA0Xr5wVKqUXQWAL/Ka4/EoU7gjyOfLpVc1uMFcN8lknIc3Vw5ni8XSq/ZwU1I1CTdZkWpc0dl4Pl8QjhJuUnWAO7L6TolOp9NJ0UuMlfaK6ZxIVKpshLsyN9Q12axGoq7qN32JP/Sc5Kfe9Kf28VA8Yq4pajtvVDM8ERVXQznLM+tZd35bXRg8pXI3lJNSvTt1FKAJQ1VJCrfUnzpP0JDqc5R5Q91SyTabKfRAkjeqbuo4RjtmQFFZevunFjHaC9NR/UJJV5qTLEJHuje8df5RrvEzJsuL8UxMijwz+F/8CyKz6E8T1nBoAAAAAElFTkSuQmCC) center no-repeat;
  background-size: 100% 100%;
  -webkit-animation: loader .6s linear infinite;
          animation: loader .6s linear infinite;
  -webkit-animation-fill-mode: forward;
          animation-fill-mode: forward;
}

#wp-login-modal .container .message-box .error {
  margin: 0 -65px;
  padding-left: 65px;
  padding-right: 65px;
}

#wp-login-modal label[for="eu-access-checkbox-wp-login"] span {
  font-size: .9em;
  font-family: 'Baloo Da 2';
  font-weight: 700;
}

#wp-login-modal label[for="eu-access-checkbox-wp-login"] .sub {
  font-size: .8em;
  padding-top: .5em;
}

.terms-of-use {
  display: none;
}

.terms-of-use .rules {
  max-height: 291px;
  overflow-y: auto;
  overflow-x: hidden;
  color: #fff;
  padding: 0 0 0 10px;
}

.terms-of-use .button,
.terms-of-use .button-important {
  font-size: 12px;
}

#wp-login-modal {
  width: 500px;
}

#wp-login-modal .wp-login-container {
  width: 100%;
}

@media screen and (max-width: 1366px) {
  .register-container {
    width: 974px;
  }
}

@media screen and (max-width: 767px) {
  #wp-login-modal {
    width: 90%;
  }

  #wp-login-modal .wp-login-container {
    padding: 50px 30px;
  }

  .login-section {
    margin: 0;
    width: 100%;
  }

  .login-section .form,
  .login-section .row {
    margin: 0;
  }

  .login-section .page-title {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 10px;
  }

  .login-form,
  .login-alternative {
    float: none;
    margin: 0 0 12px;
    padding: 16px;
    width: 100%;
  }

  .login-form .button-important {
    font-size: 15px;
    padding: 5px 20px;
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@media screen and (max-width: 767px) {
  .login-alternative .external-login-box {
    margin-bottom: 20px;
  }

  .register-container {
    padding: 20px;
    text-align: center;
    width: 100%;
  }

  .register-section {
    height: auto;
  }
}

/*colors*/

/* payment-methods */

.mailing-unsubscribe .box-container .row {
  margin: 15px 0;
}

.mailing-unsubscribe .box-container .row .important {
  text-align: left;
  font-weight: 500;
  font-size: 22px;
}

.mailing-unsubscribe .box-container .box-form {
  display: none;
}

.mailing-unsubscribe .box-container .box-form .mailing-survey {
  font-size: 18px;
  text-align: left;
}

.mailing-unsubscribe .box-container .box-form .mailing-survey .svg-tick {
  float: left;
}

.mailing-unsubscribe .box-container .box-form .mailing-survey .svg-tick .tick {
  fill: white;
}

.mailing-unsubscribe .box-container .box-form .mailing-survey p {
  font-size: 18px;
  font-weight: 500;
}

.mailing-unsubscribe .box-container .box-form .mailing-survey span {
  display: block;
}

.mailing-unsubscribe .box-container .box-form .mailing-survey textarea {
  visibility: hidden;
  width: 100%;
  float: left;
  margin-bottom: 20px;
  height: 0;
  min-height: 0;
  padding-bottom: 0;
  padding-top: 0;
  border-top: 0;
  border-bottom: 0;
}

.mailing-unsubscribe .box-container .box-form .mailing-survey .mailing-checkbox {
  float: left;
}

.mailing-unsubscribe .box-container .box-form .mailing-survey button[type="submit"] {
  width: 50%;
  min-height: 35px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

.mailing-unsubscribe .box-container .box-form .mailing-survey input[type=checkbox] {
  display: none;
}

.mailing-unsubscribe .box-container .box-form .mailing-survey .button-important:disabled {
  background-color: #666666;
  border: 1px solid #666666;
  color: #aeaeae;
}

.mailing-unsubscribe .box-container .box-form .mailing-survey .button-important {
  position: relative;
}

@-webkit-keyframes rotating {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotating {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.mailing-unsubscribe .box-container .box-form .mailing-survey .button-important .before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  -webkit-animation: rotating .6s linear infinite;
          animation: rotating .6s linear infinite;
}

.mailing-unsubscribe .box-content .content-survey {
  text-align: left;
  color: #9d9bd4;
}

.mailing-unsubscribe .box-content .content-survey p {
  padding-bottom: 18px;
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

.message-box .error {
  margin-left: -40px;
  margin-right: -40px;
  padding: 0 40px;
  background-color: #fd1e51;
  font-weight: 700;
  color: #fff;
  font-size: 14px;
}

.message-box .error:first-of-type {
  margin-top: 14px;
  padding-top: 14px;
}

.message-box .error:last-of-type {
  padding-bottom: 16px;
  margin-bottom: 14px;
}

.message-box .error-details {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
}

.message-box .success {
  padding: 16px;
  background-color: #02a000;
}

.message-top-bar {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 35px;
  width: 80%;
  text-align: center;
  font-weight: 500;
  z-index: 600;
}

.message-top-bar .success {
  padding: 16px 46px;
  background-color: #12992d;
  border-radius: 10px;
  border: 1px solid transparent;
}

.message-top-bar .error {
  padding: 16px 46px;
  background-color: #12992d;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: #d0011b;
}

.message-top-bar .error .link {
  font-family: 'Baloo Da 2';
  font-weight: 700;
}

.message-top-bar .error .link:hover {
  color: white;
}

.message-top-bar .info {
  padding: 16px 46px;
  background-color: #12992d;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: #28283e;
  color: #9d9bd4;
  border: 1px solid #fd1e51;
}

.message-top-bar .close {
  position: absolute;
  top: 17px;
  right: 17px;
  height: 18px;
  width: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE5IDE4Ij4gIDxnIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxwYXRoIGQ9Ik0xNi40MTQwMTksMTcuMTkzNTc0MSBDMTYuODIyNTg2OSwxNy42MDIxNDIgMTcuNDg1MDA2MiwxNy42MDIxNDIgMTcuODkzNTc0MSwxNy4xOTM1NzQxIEMxOC4zMDIxNDIsMTYuNzg1MDA2MiAxOC4zMDIxNDIsMTYuMTIyNTg2OSAxNy44OTM1NzQxLDE1LjcxNDAxOSBMMi40ODU5ODEwMSwwLjMwNjQyNTg5NyBDMi4wNzc0MTMxNCwtMC4xMDIxNDE5NjYgMS40MTQ5OTM3NiwtMC4xMDIxNDE5NjYgMS4wMDY0MjU5LDAuMzA2NDI1ODk3IEMwLjU5Nzg1ODAzNCwwLjcxNDk5Mzc1OSAwLjU5Nzg1ODAzNCwxLjM3NzQxMzE0IDEuMDA2NDI1OSwxLjc4NTk4MTAxIEwxNi40MTQwMTksMTcuMTkzNTc0MSBaIi8+ICAgIDxwYXRoIGQ9Ik0wLjk0MjkyMDQ3MiwxNS43MTQwMTkgQzAuNTM0MzUyNjEsMTYuMTIyNTg2OSAwLjUzNDM1MjYxLDE2Ljc4NTAwNjIgMC45NDI5MjA0NzIsMTcuMTkzNTc0MSBDMS4zNTE0ODgzMywxNy42MDIxNDIgMi4wMTM5MDc3MiwxNy42MDIxNDIgMi40MjI0NzU1OCwxNy4xOTM1NzQxIEwxNy44MzAwNjg3LDEuNzg1OTgxMDEgQzE4LjIzODYzNjUsMS4zNzc0MTMxNCAxOC4yMzg2MzY1LDAuNzE0OTkzNzU5IDE3LjgzMDA2ODcsMC4zMDY0MjU4OTcgQzE3LjQyMTUwMDgsLTAuMTAyMTQxOTY2IDE2Ljc1OTA4MTQsLTAuMTAyMTQxOTY2IDE2LjM1MDUxMzYsMC4zMDY0MjU4OTcgTDAuOTQyOTIwNDcyLDE1LjcxNDAxOSBaIi8+ICA8L2c+PC9zdmc+);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.message-top-bar .info + .close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE5IDE4Ij4gIDxnIGZpbGw9IiM5ZDliZDQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxwYXRoIGQ9Ik0xNi40MTQwMTksMTcuMTkzNTc0MSBDMTYuODIyNTg2OSwxNy42MDIxNDIgMTcuNDg1MDA2MiwxNy42MDIxNDIgMTcuODkzNTc0MSwxNy4xOTM1NzQxIEMxOC4zMDIxNDIsMTYuNzg1MDA2MiAxOC4zMDIxNDIsMTYuMTIyNTg2OSAxNy44OTM1NzQxLDE1LjcxNDAxOSBMMi40ODU5ODEwMSwwLjMwNjQyNTg5NyBDMi4wNzc0MTMxNCwtMC4xMDIxNDE5NjYgMS40MTQ5OTM3NiwtMC4xMDIxNDE5NjYgMS4wMDY0MjU5LDAuMzA2NDI1ODk3IEMwLjU5Nzg1ODAzNCwwLjcxNDk5Mzc1OSAwLjU5Nzg1ODAzNCwxLjM3NzQxMzE0IDEuMDA2NDI1OSwxLjc4NTk4MTAxIEwxNi40MTQwMTksMTcuMTkzNTc0MSBaIi8+ICAgIDxwYXRoIGQ9Ik0wLjk0MjkyMDQ3MiwxNS43MTQwMTkgQzAuNTM0MzUyNjEsMTYuMTIyNTg2OSAwLjUzNDM1MjYxLDE2Ljc4NTAwNjIgMC45NDI5MjA0NzIsMTcuMTkzNTc0MSBDMS4zNTE0ODgzMywxNy42MDIxNDIgMi4wMTM5MDc3MiwxNy42MDIxNDIgMi40MjI0NzU1OCwxNy4xOTM1NzQxIEwxNy44MzAwNjg3LDEuNzg1OTgxMDEgQzE4LjIzODYzNjUsMS4zNzc0MTMxNCAxOC4yMzg2MzY1LDAuNzE0OTkzNzU5IDE3LjgzMDA2ODcsMC4zMDY0MjU4OTcgQzE3LjQyMTUwMDgsLTAuMTAyMTQxOTY2IDE2Ljc1OTA4MTQsLTAuMTAyMTQxOTY2IDE2LjM1MDUxMzYsMC4zMDY0MjU4OTcgTDAuOTQyOTIwNDcyLDE1LjcxNDAxOSBaIi8+ICA8L2c+PC9zdmc+);
}

.message-top-bar .button {
  margin-top: 20px;
}

.animateFadeOut {
  -webkit-animation: fadeOut .35s ease-in;
          animation: fadeOut .35s ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

.modal-base {
  background-color: rgba(19, 19, 29, 0.9);
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: 9999999998;
  display: none;
}

@media screen and (max-width: 767px) {
  .modal-base {
    width: 100%;
    padding: 0 14px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .modal-base {
    padding: 0 2px;
  }
}

.modal-base .content {
  padding-top: 40px;
}

.modal-base .close {
  z-index: 1;
  right: 0;
  top: 0;
  position: absolute;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 5px 0 #00000080;
          box-shadow: 0 2px 5px 0 #00000080;
  color: white;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE5IDE4Ij4KICA8ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZD0iTTE2LjQxNDAxOSwxNy4xOTM1NzQxIEMxNi44MjI1ODY5LDE3LjYwMjE0MiAxNy40ODUwMDYyLDE3LjYwMjE0MiAxNy44OTM1NzQxLDE3LjE5MzU3NDEgQzE4LjMwMjE0MiwxNi43ODUwMDYyIDE4LjMwMjE0MiwxNi4xMjI1ODY5IDE3Ljg5MzU3NDEsMTUuNzE0MDE5IEwyLjQ4NTk4MTAxLDAuMzA2NDI1ODk3IEMyLjA3NzQxMzE0LC0wLjEwMjE0MTk2NiAxLjQxNDk5Mzc2LC0wLjEwMjE0MTk2NiAxLjAwNjQyNTksMC4zMDY0MjU4OTcgQzAuNTk3ODU4MDM0LDAuNzE0OTkzNzU5IDAuNTk3ODU4MDM0LDEuMzc3NDEzMTQgMS4wMDY0MjU5LDEuNzg1OTgxMDEgTDE2LjQxNDAxOSwxNy4xOTM1NzQxIFoiLz4KICAgIDxwYXRoIGQ9Ik0wLjk0MjkyMDQ3MiwxNS43MTQwMTkgQzAuNTM0MzUyNjEsMTYuMTIyNTg2OSAwLjUzNDM1MjYxLDE2Ljc4NTAwNjIgMC45NDI5MjA0NzIsMTcuMTkzNTc0MSBDMS4zNTE0ODgzMywxNy42MDIxNDIgMi4wMTM5MDc3MiwxNy42MDIxNDIgMi40MjI0NzU1OCwxNy4xOTM1NzQxIEwxNy44MzAwNjg3LDEuNzg1OTgxMDEgQzE4LjIzODYzNjUsMS4zNzc0MTMxNCAxOC4yMzg2MzY1LDAuNzE0OTkzNzU5IDE3LjgzMDA2ODcsMC4zMDY0MjU4OTcgQzE3LjQyMTUwMDgsLTAuMTAyMTQxOTY2IDE2Ljc1OTA4MTQsLTAuMTAyMTQxOTY2IDE2LjM1MDUxMzYsMC4zMDY0MjU4OTcgTDAuOTQyOTIwNDcyLDE1LjcxNDAxOSBaIi8+CiAgPC9nPgo8L3N2Zz4=);
  background-size: 18px 18px;
  background-position: center;
  background-color: #444769;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .modal-base .close {
    right: 32px;
  }
}

#plugin-popup .container {
  padding: 0;
}

@media (max-width: 767px) {
  #plugin-popup .container {
    position: absolute;
    top: -55px;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  #plugin-popup .container {
    background-color: #28283E;
    margin: 0 auto;
    overflow: hidden;
    z-index: 9999999999;
    width: 50%;
  }
}

#modal {
  z-index: 2147483647;
}

.modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  right: -10px;
  z-index: 400;
  display: none;
}

.modal:after {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal .container {
  width: 600px;
  padding: 60px 60px;
  background-color: #28283e;
  top: 20px;
  overflow: hidden;
  z-index: 500;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.modal .container .alert-heading {
  font-size: 24px;
  color: #9d9bd4;
  margin: 30px 0;
}

.modal .container .alert-heading span {
  color: #fff;
}

.modal .container .alert-heading:first-of-type {
  margin: 0 0 30px;
}

.modal .container .alert-heading.white {
  color: #fff;
  text-align: center;
}

.modal .container .alert-message {
  color: #fff;
}

.modal .container .alert-message .button-important {
  margin-top: 35px;
}

.modal .container .alert-message.purple {
  color: #9d9bd4;
  text-align: center;
}

.modal .container .button-red {
  background-color: #fd1e51;
  margin-bottom: 10px;
  min-width: 250px;
}

.modal .container .button-light-purple {
  background-color: #32324d;
  min-width: 250px;
  border-color: #32324d;
}

.modal .container .button-single {
  margin-top: 25px;
}

.modal .container .button-single li {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.modal .container .button-group {
  margin-top: 25px;
}

.modal .container .button-group li {
  display: inline-block;
  width: 49%;
  text-align: center;
}

.modal .container .separated {
  margin: 10px 0;
}

.modal .container .close-reveal-modal {
  position: absolute;
  top: -90px;
  right: -90px;
  height: 170px;
  width: 170px;
  border-radius: 100%;
  background-color: #32324d;
  -webkit-box-shadow: -1px 1px 10px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE5IDE4Ij4gIDxnIGZpbGw9IiM5ZDliZDQiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxwYXRoIGQ9Ik0xNi40MTQwMTksMTcuMTkzNTc0MSBDMTYuODIyNTg2OSwxNy42MDIxNDIgMTcuNDg1MDA2MiwxNy42MDIxNDIgMTcuODkzNTc0MSwxNy4xOTM1NzQxIEMxOC4zMDIxNDIsMTYuNzg1MDA2MiAxOC4zMDIxNDIsMTYuMTIyNTg2OSAxNy44OTM1NzQxLDE1LjcxNDAxOSBMMi40ODU5ODEwMSwwLjMwNjQyNTg5NyBDMi4wNzc0MTMxNCwtMC4xMDIxNDE5NjYgMS40MTQ5OTM3NiwtMC4xMDIxNDE5NjYgMS4wMDY0MjU5LDAuMzA2NDI1ODk3IEMwLjU5Nzg1ODAzNCwwLjcxNDk5Mzc1OSAwLjU5Nzg1ODAzNCwxLjM3NzQxMzE0IDEuMDA2NDI1OSwxLjc4NTk4MTAxIEwxNi40MTQwMTksMTcuMTkzNTc0MSBaIi8+ICAgIDxwYXRoIGQ9Ik0wLjk0MjkyMDQ3MiwxNS43MTQwMTkgQzAuNTM0MzUyNjEsMTYuMTIyNTg2OSAwLjUzNDM1MjYxLDE2Ljc4NTAwNjIgMC45NDI5MjA0NzIsMTcuMTkzNTc0MSBDMS4zNTE0ODgzMywxNy42MDIxNDIgMi4wMTM5MDc3MiwxNy42MDIxNDIgMi40MjI0NzU1OCwxNy4xOTM1NzQxIEwxNy44MzAwNjg3LDEuNzg1OTgxMDEgQzE4LjIzODYzNjUsMS4zNzc0MTMxNCAxOC4yMzg2MzY1LDAuNzE0OTkzNzU5IDE3LjgzMDA2ODcsMC4zMDY0MjU4OTcgQzE3LjQyMTUwMDgsLTAuMTAyMTQxOTY2IDE2Ljc1OTA4MTQsLTAuMTAyMTQxOTY2IDE2LjM1MDUxMzYsMC4zMDY0MjU4OTcgTDAuOTQyOTIwNDcyLDE1LjcxNDAxOSBaIi8+ICA8L2c+PC9zdmc+);
  background-size: 25px 25px;
  background-position: 25% 75%;
  background-repeat: no-repeat;
}

.modal .container table {
  border-collapse: separate;
  border-spacing: 10px 5px;
  line-height: normal;
  margin-left: -10px;
  margin-bottom: 25px;
}

.modal .container table tr td:last-child {
  font-weight: 700;
}

.modal .message-error {
  color: #fd1e51;
}

.modal-fluid .container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

#sms-info-container {
  margin: 30px 0;
}

#sms-info-container .text {
  display: inline-block;
  vertical-align: middle;
}

#sms-info-container .text p {
  color: #9d9bd4;
  font-size: 18px;
  font-weight: 500;
  line-height: 31px;
  text-align: right;
  margin: 0;
  position: relative;
  top: 24px;
}

#sms-info-container .text p:first-of-type {
  top: -5px;
}

#sms-info-container .sms-info {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

#sms-info-container .sms-info p {
  margin: 0;
}

#sms-info-container .sms-info p:first-of-type {
  margin-bottom: 10px;
}

#sms-info-container .sms-text,
#sms-info-container .sms-number {
  color: #fff;
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
}

#sms-info-container p {
  text-align: left;
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .modal .container {
    -webkit-transform: translateX(-50%);
    width: 100%;
  }

  #player-time-left .content {
    -webkit-transform: translate(-50%, 25%);
        -ms-transform: translate(-50%, 25%);
            transform: translate(-50%, 25%);
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }

  #player-time-left .content h2 {
    display: none;
  }

  #player-time-left .content a {
    display: block;
    font-size: 2vw;
  }

  #player-time-left .content p {
    width: 50%;
    font-size: 2.3vw;
  }

  #player-confirm-stream-close button {
    display: block;
    border-radius: 0;
    width: 170%;
  }

  #player-confirm-stream-close h2 {
    display: none;
  }

  .modal .container .button-group li:first-child {
    margin-bottom: 10px;
  }

  div#player-confirm-stream-close form li {
    display: block;
  }
}

.player-inline-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 102%;
  background-color: #1f1f30;
  z-index: 201;
}

.player-inline-modal .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64%;
  -webkit-transform: translate(-50%, -11%);
      -ms-transform: translate(-50%, -11%);
          transform: translate(-50%, -11%);
  text-align: center;
}

.player-inline-modal h1 {
  font-family: 'Baloo Da 2';
  font-weight: 500;
  padding: 0 10px;
  text-align: center;
  color: #9d9bd4;
  margin-bottom: 8px;
  font-size: 28px;
}

.player-inline-modal p {
  font-family: 'Baloo Da 2';
  font-weight: 500;
  color: #fff;
  font-size: 18px;
  line-height: normal;
  margin: 12px auto 28px;
}

.player-inline-modal a {
  border-radius: 48px;
  padding: 0 20px;
  font-family: 'Baloo Da 2';
  font-weight: 700;
  color: #fff;
  display: inline-block;
}

.player-inline-modal .button {
  border: none;
  background-color: #444769;
  padding: 9px 41px;
  text-transform: initial;
}

.player-inline-modal .button:hover {
  background-color: #575978;
}

.player-inline-modal .button-important {
  border: none;
  background-color: #444769;
  padding: 9px 41px;
  text-transform: initial;
  border: none;
  background-color: #fd1e51;
}

.player-inline-modal .button-important:hover {
  background-color: #575978;
}

.player-inline-modal .button-important:hover {
  background-color: #fd3462;
}

@media screen and (max-width: 767px) {
  .player-inline-modal {
    background-color: black;
  }

  .player-inline-modal .content {
    width: 97%;
    -webkit-transform: translate(-50%, -60%);
        -ms-transform: translate(-50%, -60%);
            transform: translate(-50%, -60%);
  }

  .player-inline-modal h1 {
    display: none;
  }

  .player-inline-modal p {
    margin: 0 auto 20px;
    font-size: 2.3vw;
  }

  .player-inline-modal a {
    display: block;
    font-size: 2vw;
  }

  .player-inline-modal a.button-important {
    margin-top: 5px;
    margin-right: 0;
  }
}

#cancel-confirmation .confirmation-modal {
  max-width: 540px;
  margin: 0 auto;
}

#cancel-confirmation .confirmation-modal__title {
  color: #ffffff;
  text-align: center;
  margin-bottom: 16px;
}

#cancel-confirmation .confirmation-modal__paragraph {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 20px;
}

#cancel-confirmation .confirmation-modal__paragraph--warning {
  color: #fd1e51;
}

#cancel-confirmation .confirmation-modal__paragraph--info {
  color: #fff;
}

#cancel-confirmation .confirmation-modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 40px auto 0;
}

@media screen and (min-width: 570px) {
  #cancel-confirmation .confirmation-modal__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

#cancel-confirmation .confirmation-modal__button {
  display: inline-block;
  padding: 5px 25px;
  font-weight: 700;
  background-color: transparent;
  color: #fff;
  border: 3px solid #444769;
  border-radius: 46px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
  font-family: 'Baloo Da 2', sans-serif;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  min-width: 249px;
  font-size: 16px;
  line-height: 20px;
  min-height: 67px;
}

#cancel-confirmation .confirmation-modal__button:hover:not([disabled]) {
  background-color: #fd1e51;
  color: #fff;
  border: 3px solid transparent;
}

#cancel-confirmation .confirmation-modal__button:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

@media screen and (max-width: 767px) {
  #cancel-confirmation .confirmation-modal__button {
    min-height: 52px;
    font-size: 14px;
  }
}

#cancel-confirmation .confirmation-modal__button--important {
  border-color: #fd1e51;
  margin-top: 10px;
}

#cancel-confirmation .confirmation-modal__button--important.loader {
  position: relative;
  color: transparent;
}

#cancel-confirmation .confirmation-modal__button--important.loader:after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: calc(50% - 12.5px);
  left: calc(50% - 12.5px);
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAhFBMVEUAAACqqtSqjcacnNehodaZmdacnNWbm9SamtWcnNWamtGemtGcnNGem9KcnNKdndKdm9KcnNKdm9OcnNOdm9OcnNOcnNOcnNKcnNKcnNKcnNOdm9OdnNOcnNKdnNKdnNKcnNKcm9KcnNKcm9KcnNOdnNOdm9Kcm9Ocm9Ocm9Ocm9Kcm9Lqhn28AAAALHRSTlMABgkNExkfJCsxOD1DSlBWXGJpb3Z8gomOlJmfpauyt73DytDX3uXq7/T5/hLwUNsAAAQPSURBVHgB7dLpkrI4FMbxJ0DCIirutoui3fYyff/3N+fEI8G8LkB3zXx5f1B8/NcTKmgsxW/Ly2/rVC4nv1WffFf+IeXE4McGLslRdhx36iqloGCdKOdlv76+Vr32SdfM/SRHyeeuVVYFiuGcHbmoa3L083MTNk8GgVvqRb9rUXLqo5EgDLhqgaV3Tk8+Pj7WDcaqkJyjuGw9eUuroR/k/S172oyiqkrclRLeUI6+vw/xUBBJlNz+qy4qTTbCA2FE3FSXzXd/NIk0T6fT4kFT26arUtLJe71iVn5I1DX9qt/UXCX1qb50cvSHsgluCjSzzaqKm5LVl998exvca7L6VNwTTv3m2zHBn4wx11WFR8xOotKkqoZPG64aV1V4YvjmmtYanjA2TFvPmiI5XjVfX3NcUXEsVdmKJsK9a76SQ4g6HRM3NkIz4c412dQf6qrSbFaVpEjhmCSpZTXQqvp6jh5fj8cVKmHCqqpCC8mx2nkkuj7UZU2IVgpXJDMIlVzE1NVoae2S5DIpSpO0ysYKLemqeTgeDkOcxWnqshFaG1dJsoUVpCJhCq2FpW0eztUYTEvTZg06mEnSGsnpaxQ60FK0lmBZmmapiNHJukqWhwNImBHK2rBGJ0Pp8VvysMg2pazQSUxN7tm3D8BcgvxFR/uSnbNjAAk3JRyjoyXlOMiWANLM0eioKJ0NgKwmQkf9ssaLhugo/Rv976K934327EOvRke5F01lJzM/uPx7+8jlT3pnnE3Q0aJ0lgAM90SGjrZ7minPGIDu1YToJN6LkgwAhPWoQSeDS5M/CYj0cnrzDJ287GvAEolaATrQu51rLsCMFO0nQQeTHZNoARZWRabQWrixUcnGsLL8op/3Y7Q23EqUu2ucmapJ2v/VaL3d7qruAGeBS5IMLc22pMpqiJSKl+ZgEKOV/mazddmZO0BeJUk/QgtmtbFVRtUElezS5Oqwr9BYsNxYsnUOJ5KZbDhsUQ3m6/WamzI2QU3qkixTDZujNavGTlGnLk1bLYpmW4PZaiVVO3Yd4oqu7SzIMMJTZr4ita0ZPJlrslGR4Il88fJyVZ3ApyQpTTII8UA0Xr5wVKqUXQWAL/Ka4/EoU7gjyOfLpVc1uMFcN8lknIc3Vw5ni8XSq/ZwU1I1CTdZkWpc0dl4Pl8QjhJuUnWAO7L6TolOp9NJ0UuMlfaK6ZxIVKpshLsyN9Q12axGoq7qN32JP/Sc5Kfe9Kf28VA8Yq4pajtvVDM8ERVXQznLM+tZd35bXRg8pXI3lJNSvTt1FKAJQ1VJCrfUnzpP0JDqc5R5Q91SyTabKfRAkjeqbuo4RjtmQFFZevunFjHaC9NR/UJJV5qTLEJHuje8df5RrvEzJsuL8UxMijwz+F/8CyKz6E8T1nBoAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-animation: loader .6s linear infinite;
          animation: loader .6s linear infinite;
  -webkit-animation-fill-mode: forward;
          animation-fill-mode: forward;
}

#cancel-confirmation .confirmation-modal__button--important.loader {
  color: transparent !important;
}

@media screen and (min-width: 570px) {
  #cancel-confirmation .confirmation-modal__button--important {
    margin-left: 20px;
    margin-top: 0;
  }
}

#discount-error-modal .discount-error-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#discount-error-modal a {
  color: #a6a3e2;
}

#discount-error-modal p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 767px) {
  #discount-error-modal p {
    font-size: 14px;
  }
}

#discount-error-modal .discount-error-modal__title {
  text-align: center;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  #discount-error-modal .discount-error-modal__title {
    font-size: 22px;
  }
}

#discount-error-modal .discount-error-modal__text {
  text-align: center;
  margin: 27px auto 43px;
  max-width: 540px;
}

@media screen and (max-width: 767px) {
  #discount-error-modal .discount-error-modal__text {
    padding: 0 10px;
  }
}

#discount-error-modal .discount-error-modal__text a {
  text-decoration: underline;
}

#discount-error-modal .button {
  padding: 13px 44px;
  background-color: #fff;
  color: #181825;
  border: none;
  margin-bottom: 33px;
  font-size: 16px;
}

#discount-error-modal .button:hover {
  background-color: #fd1e51;
  color: #fff;
}

#discount-error-modal .discount-error-modal__footer br {
  display: none;
}

@media screen and (max-width: 767px) {
  #discount-error-modal .discount-error-modal__footer br {
    display: block;
  }
}

#discount-error-modal .discount-error-modal__footer a {
  display: block;
}

.modal-wrapper {
  /* VARIABLES */
  /* VARIABLES */
  position: relative;
  max-width: 733px;
  border-radius: 8px;
  background-color: #181825;
  border: solid 1px #28283E;
  padding: 10px 40px 36px;
  margin: 80px auto;
}

@media screen and (max-width: 767px) {
  .modal-wrapper {
    width: 100%;
    padding: 10px 20px 36px;
  }
}

.modal-wrapper .title {
  max-width: 420px;
  width: 100%;
  font-size: 28px;
  line-height: 32px;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 460px) {
  .modal-wrapper .title {
    margin: 0 auto 27px;
    font-size: 22px;
    line-height: 26px;
  }
}

.modal-wrapper .button-secondary {
  margin: 0 auto;
  display: block;
  font-size: 22px;
  letter-spacing: 0.43px;
  color: #000000;
  text-transform: none;
  width: 327px;
  height: 76px;
}

.modal-wrapper .button-secondary:hover {
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .modal-wrapper .button-secondary {
    font-size: 18px;
    line-height: 28px;
    max-width: 238px;
    height: 49px;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    bottom: 17px;
  }
}

.modal-wrapper .note {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 16px;
  font-size: 12px;
  margin-bottom: 18px;
  font-weight: 500;
  max-width: 573px;
}

@media screen and (max-width: 767px) {
  .modal-wrapper .note {
    display: inline-block;
    line-height: normal;
  }
}

.modal-wrapper .note__icon {
  margin-right: 4px;
}

@media screen and (max-width: 767px) {
  .modal-wrapper .note__icon {
    margin: 0;
  }
}

.modal-wrapper .convince-modal-payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 26px 0 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .modal-wrapper .convince-modal-payments {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.modal-wrapper .convince-modal-payments .convince-modal-tile {
  /* VARIABLES */
  /* VARIABLES */
  background-color: #28273f;
  border-radius: 26px;
  border-style: solid;
  border-width: 3px;
  cursor: pointer;
  width: 213px;
  height: 206px;
  margin: 0 4.5px;
  padding: 12px;
  padding-top: 18px;
  position: relative;
  text-align: center;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile .convince-modal-selected-icon {
  display: none;
  position: absolute;
  top: -9px;
  left: -9px;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile .payments-icons-row {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile .payments-icons-row:last-of-type {
  margin-bottom: 18px;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile .payments-icons-row.przelewy24-icon,
.modal-wrapper .convince-modal-payments .convince-modal-tile .payments-icons-row.placeholder {
  margin-bottom: 10px;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile .payments-icons-row.placeholder {
  height: 25px;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile .payments-icons-row .payment-rectangle {
  font-family: Roboto, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 62px;
  border-radius: 3px;
  border: solid 1.5px #ffffff;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18px;
  text-transform: uppercase;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile .price-text {
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile .price-text__bold {
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .modal-wrapper .convince-modal-payments .convince-modal-tile .price-text {
    font-size: 24px;
    line-height: 28px;
  }
}

.modal-wrapper .convince-modal-payments .convince-modal-tile .provider-text {
  margin-top: 3px;
  font-size: 14px;
  line-height: 32px;
  font-weight: 500;
  text-align: center;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile .highlight {
  background-color: #ff144b;
  font-size: 12px;
  left: 0;
  letter-spacing: 0.43px;
  line-height: 1.52;
  margin-left: 50%;
  padding: 3px 13px 1px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 144px;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.subscription {
  border-color: #ff144b;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.subscription:hover {
  background-color: rgba(255, 20, 75, 0.3);
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.one-time {
  border-color: #adce00;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.one-time:hover {
  background-color: rgba(164, 193, 11, 0.3);
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.sms {
  border-color: #05a3cb;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.sms:hover {
  background-color: rgba(0, 189, 234, 0.3);
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.selected {
  border: 6px solid #ffffff;
  height: 212px;
  width: 219px;
  margin: 0 1.5px;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.selected.subscription {
  background-color: rgba(255, 20, 75, 0.3);
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.selected.one-time {
  background-color: rgba(164, 193, 11, 0.3);
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.selected.sms {
  background-color: rgba(0, 189, 234, 0.3);
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.selected .highlight {
  top: -3px;
  padding-top: 6px;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.selected .highlight::before {
  content: '';
  width: 100%;
  height: 3px;
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  background-color: #ffffff;
}

.modal-wrapper .convince-modal-payments .convince-modal-tile.selected .convince-modal-selected-icon {
  display: block;
}

@media screen and (max-width: 767px) {
  .modal-wrapper .convince-modal-payments .convince-modal-tile {
    margin: 4.5px 0;
  }

  .modal-wrapper .convince-modal-payments .convince-modal-tile.selected {
    margin: 1.5px 0;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideIn {
  0% {
    right: -395px;
  }

  100% {
    right: 50px;
  }
}

@keyframes slideOut {
  0% {
    right: 50px;
  }

  100% {
    right: -395px;
  }
}

@keyframes pulse {
  5% {
    width: 80px;
    height: 80px;
    top: -8px;
    left: -8px;
  }

  25% {
    width: 90px;
    height: 90px;
    top: -13px;
    left: -13px;
  }

  45% {
    width: 100px;
    height: 100px;
    top: -18px;
    left: -18px;
    background-color: transparent;
  }

  100% {
    width: 100px;
    height: 100px;
    top: -18px;
    left: -18px;
    background-color: transparent;
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

.notification-message {
  background-color: #32324d;
  position: fixed;
  z-index: 999999999;
  width: 395px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-animation: slideIn 1.4s;
          animation: slideIn 1.4s;
  right: 50px;
  top: 50px;
  word-break: break-word;
  cursor: pointer;
}

@media (max-width: 540px) {
  .notification-message {
    -webkit-animation: fadeIn 1.4s;
            animation: fadeIn 1.4s;
    left: 0;
    width: 100%;
  }
}

.notification-message.display-on-fullscreen {
  z-index: 99999999999;
}

.notification-message-close {
  right: 0;
  position: absolute;
  width: 90px;
  height: 90px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5JY29ucy9Ob3RpZmljYXRpb25zX2Nsb3NlPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IiFub3RpZmljYXRpb25zX0dVSSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgwNy4wMDAwMDAsIC03MjkuMDAwMDAwKSI+ICAgICAgICA8ZyBpZD0iSWNvbnMvTm90aWZpY2F0aW9uc19jbG9zZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODA3LjAwMDAwMCwgNzI5LjAwMDAwMCkiIGZpbGw9IiM2NDY4OTciIGZpbGwtcnVsZT0ibm9uemVybyI+ICAgICAgICAgICAgPGcgaWQ9ImNsb3NlX2ljb24iPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQuMzY3MTAzMSwxNS43MTk4MzkyIEMxNC43NDA2NTA4LDE2LjA5MzM4NjkgMTUuMzQ2MjkxNCwxNi4wOTMzODY5IDE1LjcxOTgzOTIsMTUuNzE5ODM5MiBDMTYuMDkzMzg2OSwxNS4zNDYyOTE0IDE2LjA5MzM4NjksMTQuNzQwNjUwOCAxNS43MTk4MzkyLDE0LjM2NzEwMzEgTDEuNjMyODk2OTIsMC4yODAxNjA4MiBDMS4yNTkzNDkxNiwtMC4wOTMzODY5Mzk5IDAuNjUzNzA4NTc5LC0wLjA5MzM4NjkzOTkgMC4yODAxNjA4MiwwLjI4MDE2MDgyIEMtMC4wOTMzODY5Mzk5LDAuNjUzNzA4NTc5IC0wLjA5MzM4NjkzOTksMS4yNTkzNDkxNiAwLjI4MDE2MDgyLDEuNjMyODk2OTIgTDE0LjM2NzEwMzEsMTUuNzE5ODM5MiBaIj48L3BhdGg+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjI4MDE2MDgyLDE0LjM2NzEwMzEgQy0wLjA5MzM4NjkzOTksMTQuNzQwNjUwOCAtMC4wOTMzODY5Mzk5LDE1LjM0NjI5MTQgMC4yODAxNjA4MiwxNS43MTk4MzkyIEMwLjY1MzcwODU3OSwxNi4wOTMzODY5IDEuMjU5MzQ5MTYsMTYuMDkzMzg2OSAxLjYzMjg5NjkyLDE1LjcxOTgzOTIgTDE1LjcxOTgzOTIsMS42MzI4OTY5MiBDMTYuMDkzMzg2OSwxLjI1OTM0OTE2IDE2LjA5MzM4NjksMC42NTM3MDg1NzkgMTUuNzE5ODM5MiwwLjI4MDE2MDgyIEMxNS4zNDYyOTE0LC0wLjA5MzM4NjkzOTkgMTQuNzQwNjUwOCwtMC4wOTMzODY5Mzk5IDE0LjM2NzEwMzEsMC4yODAxNjA4MiBMMC4yODAxNjA4MiwxNC4zNjcxMDMxIFoiPjwvcGF0aD4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=) no-repeat 32% 70%;
  -webkit-transform: translate(45%, -57%);
      -ms-transform: translate(45%, -57%);
          transform: translate(45%, -57%);
  border-radius: 100%;
  cursor: pointer;
}

.notification-message-body {
  padding: 8px;
}

.notification-message-body-image {
  width: 74px;
  height: 74px;
  float: left;
  background: #28283e no-repeat center;
  background-size: cover;
}

.notification-message-body-image.image-from-sprite {
  width: 74px;
  height: 74px;
  background-size: auto;
}

.notification-message-body-desc {
  margin: 4px 37px 4px 86px;
  font-size: 12px;
  line-height: normal;
}

.notification-message-footer {
  height: 36px;
  clear: both;
  border-radius: 0 0 10px;
  background: #363755 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNTZweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTU2IDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkljb25zL05vdGlmaWNhdGlvbnNfcGxheV9sb2dvPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IiFub3RpZmljYXRpb25zX0dVSSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc4Ny4wMDAwMDAsIC02ODYuMDAwMDAwKSI+ICAgICAgICA8ZyBpZD0iSWNvbnMvTm90aWZpY2F0aW9uc19wbGF5X2xvZ28iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc4Ny4wMDAwMDAsIDY4Ni4wMDAwMDApIj4gICAgICAgICAgICA8Zz4gICAgICAgICAgICAgICAgPHRleHQgaWQ9Ik9HTMSEREFKLVciIGZvbnQtZmFtaWx5PSJQb3BwaW5zIiBmb250LXNpemU9IjEwIiBmb250LXdlaWdodD0iYm9sZCIgbGluZS1zcGFjaW5nPSI3Ljg1NzE0Mjg2IiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICAgICAgICAgIDx0c3BhbiB4PSIyNS43MTQyODU3IiB5PSIxNi43MTQyODU3Ij5PR0zEhERBSiBXPC90c3Bhbj4gICAgICAgICAgICAgICAgPC90ZXh0PiAgICAgICAgICAgICAgICA8ZyBpZD0iVFYtR1VJREUtUExBWS1JQ09OIj4gICAgICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNDI4NTcxNDMiIGN4PSIxMCIgY3k9IjEwIiByPSI5LjI4NTcxNDI5Ij48L2NpcmNsZT4gICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjcuNDk4NzA3OTMgMTQuNzk2ODE0OSA3LjQ5ODcwNzkzIDUuNzY3NzU4NDEgMTQuMjMyMjQxNiAxMC4yODIyODY3Ij48L3BvbHlnb24+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPGcgaWQ9IkxvZ28tLy1XUF9waWxvdF9kZXNrdG9wIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NC4yODU3MTQsIDEuNDI4NTcxKSI+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjMuMDUxMTIwMiw0LjczNTE0ODc3IEMyMy4wMTc0NDQ3LDUuMDQwMDMzNTUgMjIuOTg0NTg2Miw1LjMyODIwMTE3IDIyLjk1NDA4NzYsNS42MTY1NDk1MSBDMjIuOTA3MDY5LDYuMDYxNDA2NTcgMjIuODYxNTkzNSw2LjUwNjM1NCAyMi44MTU2NjQxLDYuOTUxMzAxNDMgQzIyLjc0ODA0MDgsNy42MDY5NzUzOCAyMi42ODE4Njk4LDguMjYyODMwMDYgMjIuNjEyNjEyNyw4LjkxODQxMzY1IEMyMi41MzAxOTQsOS42OTg3ODg1NSAyMi40NDQ3Nzk4LDEwLjQ3ODgwMiAyMi4zNjE0NTM0LDExLjI1ODk5NjIgQzIyLjMyMTA2MSwxMS42MzcyNTU3IDIyLjI5MzY0ODYsMTIuMDE3MTQxOCAyMi4yMTUwNDIyLDEyLjM5MDQzMTMgQzIyLjA3MjQ0MzMsMTMuMDY3NjExNyAyMS43NzgzNSwxMy42NjUyNzI2IDIxLjI3NTQ4NjksMTQuMTUxNDI1NSBDMjAuODUzMzE3OSwxNC41NTk2ODU2IDIwLjM0ODczMDEsMTQuODI0NDQ5MiAxOS43ODgzMTkxLDE0Ljk5MDg5NzggQzE5LjM3MTk1OTQsMTUuMTE0NjA0OCAxOC45NDY4ODU3LDE1LjE1OTg3NjcgMTguNTE0MDk2NywxNS4xMzM0MDAzIEMxNy42NTg5NTcsMTUuMDgwOTg5NyAxNi45ODU5OTE4LDE0LjcwNjA3MzYgMTYuNTAxNTU0OSwxNC4wMDA0MjkgQzE2LjI3NTkwMTksMTMuNjcxODY5MSAxNi4xMzE4NTA3LDEzLjMwNjQ0MTEgMTYuMDM4OTAyNywxMi45MjMyMTE2IEMxNS44NTExMDA2LDEyLjE0ODk4MTQgMTUuNjcyNzM4NSwxMS4zNzI1ODI1IDE1LjQ5NDE5NDgsMTAuNTk2MTgzNSBDMTUuMzE1NDY5Nyw5LjgxOTYwMzg4IDE1LjE0MTAxMDYsOS4wNDIxMjA2IDE0Ljk2NTI4MDksOC4yNjQ4MTgwNSBDMTQuNzcxMzA2NCw3LjQwNzI3MzE1IDE0LjU3Nzk2NzMsNi41NDk2Mzc4OCAxNC4zODQ2MjgzLDUuNjkyMDAyNjIgQzE0LjMxOTAwMTksNS40MDEwMzM3NSAxNC4yNTQxMDE3LDUuMTA5ODg0MTUgMTQuMTg4NTY2MSw0LjgxODkxNTI4IEMxNC4xODE2Njc2LDQuNzg4MzcyNTggMTQuMTc0MDQzLDQuNzU3NjQ5MTYgMTQuMTYzMTUwNiw0LjcyODM3MTU1IEMxNC4xMjA0ODksNC42MTI5Nzc5OSAxNC4wNTAzMjQxLDQuNTY2MDc5NiAxMy45NDAzMTE1LDQuNTc3MTk0MjQgQzEzLjg0MTM3MjcsNC41ODcyMjQ1NCAxMy43ODIzNzI1LDQuNjQ3OTQ4NDggMTMuNzY1MTI2Myw0Ljc2ODMxMiBDMTMuNzQ4OTY5Myw0Ljg4MDkwNDMgMTMuNzM4NjIxNiw0Ljk5NDQwMDIzIDEzLjcyNzA5MzksNS4xMDc2MjUwNyBDMTMuNjU1NTY3NSw1LjgxNDM1NDEyIDEzLjU4MzU4NzMsNi41MjExNzM1MyAxMy41MTM0MjI0LDcuMjI4MDgzMzEgQzEzLjQ1MjI0MzgsNy44NDUyNjI2MiAxMy4zOTQ1MTQ0LDguNDYyODAzMzkgMTMuMzMzMTU0Miw5LjA3OTg5MjM0IEMxMy4yNTc5MDYyLDkuODM3NTg2MTIgMTMuMTgwMTE2OCwxMC41OTUwMDg4IDEzLjEwMzg3MDQsMTEuMzUyNjEyMiBDMTMuMDQ2NTA0LDExLjkyMjgwMjggMTIuOTk0OTQ2OSwxMi40OTM2MjU5IDEyLjkzMTMxNzUsMTMuMDYzMDkzNSBDMTIuODcwNzc0MiwxMy42MDM4MjU3IDEyLjc1MTc3NTQsMTQuMTMwMDA5NSAxMi41MTAzMjg1LDE0LjYyNDIwNDggQzEyLjE2MzA0NDMsMTUuMzM1MjcxMiAxMS42MjgyMzAzLDE1Ljg2OTY3OCAxMC45NTg2MjM2LDE2LjI4MDEwNjggQzEwLjI2ODIzMDYsMTYuNzAzMzY3MSA5LjUxMTEyMjExLDE2LjkzMDUzOTcgOC43MTMxNjcyOCwxNy4wMzg4ODQ5IEM4LjI1MDY5NjU5LDE3LjEwMTU5NjkgNy43ODcwNDU5LDE3LjEyOTQyODcgNy4zMjEzMDc1MSwxNy4wODgwNDI0IEM2LjQ3NTE1NDA3LDE3LjAxMjc3IDUuNjkyOTkzMTQsMTYuNzYyNTU0OSA1LjAxNDc2MzMsMTYuMjM2ODIyOSBDNC41NjA4MjQ5NSwxNS44ODQ5NDk0IDQuMjI2MjQ4NTEsMTUuNDM5NDU5OCAzLjk4NzE2MTYsMTQuOTIwNDE0NyBDMy43NzQ1NzkzOSwxNC40NTg4NDA1IDMuNjI1MzU0MywxMy45NzUzMDggMy40ODA4NDkyMywxMy40ODk3ODc2IEMzLjM2NDM5MTk0LDEzLjA5ODUxNTggMy4yNDExMjY5NCwxMi43MDkyMzIgMy4xMjA3NjY1NiwxMi4zMTkxMzQ5IEMyLjk3ODM0OTE5LDExLjg1Nzc0MTQgMi44MzUwMjQxMiwxMS4zOTY2MTkgMi42OTM2MDUyMSwxMC45MzQ5NTQ0IEMyLjU2Njk4MTczLDEwLjUyMTk5NTUgMi40NDMxNzIxMSwxMC4xMDgzMTM3IDIuMzE2NjM5NDEsOS42OTUzNTQ3NSBDMi4xNjYwNTI3OCw5LjIwMzU5OTI5IDIuMDE0MTA0NjEsOC43MTIyMDUyOCAxLjg2MjQyODc0LDguMjIwODExMjYgQzEuNzA4NTc0NDEsNy43MjE4MjY3NiAxLjU1MzkwMzE1LDcuMjIzMTEzMzQgMS40MDAzMjExMyw2LjcyNDAzODQ4IEMxLjIyNDg2MzY1LDYuMTUzODQ3OTMgMS4wNTIxMjkyNiw1LjU4Mjg0NDExIDAuODc0Njc0ODU3LDUuMDEzMjg2MSBDMC43MjI5MDgyMjQsNC41MjU5NTg0MiAwLjU2Mjc5MDc5Niw0LjA0MTM0MTY0IDAuNDEyNjU4MDE0LDMuNTUzNTYyMTQgQzAuMjg2ODUxNDYzLDMuMTQ0NzU5OTIgMC4xNjAyMjc5ODcsMi43MzU3NzY5NiAwLjA1MzAyOTE4NzIsMi4zMjIwMDQ3NyBDLTAuMDIyNTgxODIwNiwyLjAzMDA0MTkxIC0wLjAxODIyNDg4MzgsMS43MzE3NTM2MyAwLjA3MTgxODQ3NzIsMS40MzgyNTQ2IEMwLjE5MjU0MTkzNSwxLjA0NDkwNDQ1IDAuNDQwODg3MzM0LDAuNzQ3MzM5MDc2IDAuNzc0NzM3NjE4LDAuNTE5NDQzNTgyIEMxLjQ2MzMxNTE4LDAuMDQ5NTU1OTY0OCAyLjIyNzQxMjk3LC0wLjA4MTEwODkzOCAzLjA0MjQzMjQ3LDAuMDQ1NjcwMzU1NyBDMy43NDAzNTkyOCwwLjE1NDI4NjY4NiA0LjM1ODg2Mjc3LDAuNDM5NjUzMDUgNC45MDE0ODI5NSwwLjg4OTkzMTg5NSBDNS4zNTY2OTIwOCwxLjI2NzU1ODg5IDUuNjQzODg2ODMsMS43NDcwMjQ5OCA1Ljc4OTg0NDIxLDIuMzE1OTUwNDUgQzUuOTAwMTI5MTcsMi43NDU2MjY1MyA2LjAxNjg1ODc3LDMuMTczNTg1NzEgNi4xMzA5NTYwNiwzLjYwMjI2NzggQzYuMjkyNTI1OCw0LjIwOTIzNjEgNi40NTUxODQ3Nyw0LjgxNTg0Mjk0IDYuNjE1ODQ2ODIsNS40MjMwODIzMiBDNi43Nzg1OTY1Niw2LjAzNzgyMTgzIDYuOTQyNjE3MDgsNi42NTIyOTAyNSA3LjEwMDM3NDUsNy4yNjgzODUyMSBDNy4yOTMxNjg5NSw4LjAyMTM4MDEyIDcuNDgxMDYxODYsOC43NzU2NDAxIDcuNjY5MjI3MDYsOS41Mjk3MTkzNyBDNy44MDUxOTk4LDEwLjA3NDUxNzkgNy45NDE1MzU2MiwxMC42MTkxMzU3IDguMDcxNzg5ODcsMTEuMTY1Mjg5NyBDOC4xOTkyMzAyOCwxMS42OTk4NzczIDguMzE5MzE4MzUsMTIuMjM2MTgxNyA4LjQ0MjQ5MjU4LDEyLjc3MTc2MzIgQzguNDgwMjUyNywxMi45MzYzMTQyIDguNTE0MjkxMjcsMTMuMTAxODU5MiA4LjU1NjEzNjAyLDEzLjI2NTMyNTkgQzguNTk2NTI4NDUsMTMuNDIzMDA5NCA4LjY5OTU1MTg1LDEzLjQ4ODQzMjIgOC44NTM2Nzg0OSwxMy40NjQ0ODYgQzguOTgwMjExMiwxMy40NDQ3ODY4IDkuMDM1OTQzNjgsMTMuMzg5NDg0NyA5LjA1MDgyOTg5LDEzLjI1MzMwNzYgQzkuMDcxNzk3NjQsMTMuMDYyMTg5OSA5LjA4NjUwMjMxLDEyLjg3MDM0OTIgOS4xMDQ1NjU0NCwxMi42Nzg4NyBDOS4xNTUyMTQ4MywxMi4xNDM1NTk2IDkuMjA2ODYyNjksMTEuNjA4MzM5NSA5LjI1Njc4NTkyLDExLjA3MzAyOTEgQzkuMzE3NTEwNzMsMTAuNDIwNDI3NSA5LjM3Njc4MzIyLDkuNzY3NzM1NTIgOS40MzY5NjM0MSw5LjExNTA0MzU0IEM5LjUxMjkzNzUsOC4yOTAzOTA3OCA5LjU4OTU0Njk3LDcuNDY1NzM4MDEgOS42NjUxNTc5OCw2LjY0MTA4NTI0IEM5LjcyMzk3NjYyLDYuMDAwMDUwMDkgOS43Nzk3OTk4OCw1LjM1ODc0Mzg2IDkuODQwNzk2OTksNC43MTc4ODk0NCBDOS44ODcyNzA5OSw0LjIyOTExNTk2IDkuOTQ2NzI1MDIsMy43NDIxNDk3MyAxMC4wOTc0OTMyLDMuMjcxNjI5NTcgQzEwLjIzMTc0MTMsMi44NTI3OTcwNSAxMC40MjUwODA0LDIuNDY1NDEwODYgMTAuNzA0NjUwNSwyLjEyMTU3OTYzIEMxMS4wOTU0MTMzLDEuNjQxMDI5MTggMTEuNTk1MTkwMiwxLjMyMTY4NjMzIDEyLjE4ODkxMzYsMS4xNjQxODM2MSBDMTMuMzEwODI0OSwwLjg2NjYxODI0MSAxNC40MDM1OTkxLDAuOTY1MjA0Mjc3IDE1LjQ0NTYzMzEsMS40ODE1Mzg0OCBDMTYuMTcwMTU1NCwxLjg0MDU1MDY5IDE2LjY4NTM2MzIsMi40MTM5OTQzMSAxNy4wNDg0NDEzLDMuMTI3MDQ4NzcgQzE3LjI4NTUzMTMsMy41OTI2ODkzMiAxNy40MjYwNDI1LDQuMDkxMDQxMjkgMTcuNTI4OTc1MSw0LjYwMDE0NjQ1IEMxNy43NTgzNDk3LDUuNzM1MDE1NDEgMTcuOTg1NDU1LDYuODcwMzM2MTggMTguMjExMTk4OCw4LjAwNTgzNzY4IEMxOC40NTg0NTUsOS4yNDkxNDIyNCAxOC43MDI5ODgsMTAuNDkyODk4NiAxOC45NDg4ODI3LDExLjczNjM4MzkgQzE4Ljk2NTU4NDIsMTEuODIxMDU0IDE4Ljk4MDI4ODksMTEuOTA2MjY2NCAxOS4wMDEzNDc0LDExLjk4OTg1MjEgQzE5LjAyNjEyNzUsMTIuMDg4NTI4NSAxOS4xMTU1MzU1LDEyLjE0NDgyNDcgMTkuMjE1NzQ1LDEyLjEzMTI3MDIgQzE5LjI3Njc0MjIsMTIuMTIzMDQ3MiAxOS4zMTg0OTYxLDEyLjA3NTk2ODEgMTkuMzMxMTEzMSwxMS45ODYwNTY5IEMxOS4zNDU5MDg1LDExLjg4MTIzNTggMTkuMzU2MTY1NSwxMS43NzU2MDE1IDE5LjM2NDA2MjQsMTEuNjY5OTY3MSBDMTkuNDA4OTAyNiwxMS4wNzUxMDc0IDE5LjQ1MDkyODksMTAuNDc5OTc2NyAxOS40OTY5NDksOS44ODUxMTcwNiBDMTkuNTQ0OTY2MSw5LjI2Mjk2Nzc4IDE5LjU5NDE2MzIsOC42NDA4MTg1IDE5LjY0Njk5MSw4LjAxOTAzMDY4IEMxOS42ODkxOTg4LDcuNTIyMzk1NjEgMTkuNzM1NDkxMyw3LjAyNjAzMTYzIDE5Ljc4MzUwODQsNi41Mjk5Mzg3NSBDMTkuODQxMDU2Miw1LjkzNjI1MzgxIDE5LjkwMjk2MSw1LjM0MzAyMDcgMTkuOTYxOTYxMiw0Ljc0OTUxNjQ5IEMyMC4wMTc0MjE0LDQuMTkwOTgyNzcgMjAuMDcyNjA5MywzLjYzMjQ0OTA1IDIwLjEyNTk4MTgsMy4wNzM4MjQ5NiBDMjAuMTQ2NTg2NCwyLjg1ODEyODQ3IDIwLjE4MTYyMzUsMi42NDY0MDc5NSAyMC4yNTU5NjM3LDIuNDQxNTU1MDMgQzIwLjUwNDc2MjksMS43NTU2MDk0NyAyMS4xODUyNjIsMS40NzIyMzEwOSAyMS43NTUyMDM4LDEuNTMyOTU1MDMgQzIyLjAyNTYwNjIsMS41NjE3ODA4MiAyMi4yOTcyNzk0LDEuNTc5NTgyMzQgMjIuNTY4MzE3MiwxLjYwMTgxMTY0IEMyMi44NDcyNTE5LDEuNjI0NjczNDggMjMuMTI2MDk1OCwxLjY0NzE3Mzg2IDIzLjQwNTEyMTMsMS42NjkxMzIwNyBDMjMuNzYyNjYyNSwxLjY5NzMyNTMzIDI0LjEyMDM4NTEsMS43MjM3MTEzMyAyNC40Nzc4MzU1LDEuNzUyODA4MjEgQzI0Ljg1MTI2MTMsMS43ODMxNzAxOCAyNS4yMjQ3Nzc4LDEuODEzNTMyMTUgMjUuNTk3NzQ5OCwxLjg0ODU5MyBDMjUuODMzMTE1MSwxLjg3MDY0MTU3IDI2LjA3MTIwMzYsMS44ODQyODYzOCAyNi4zMDIwMzA1LDEuOTMxMTg0NzggQzI3LjYyNTM1OTMsMi4yMDAwMTQ3MiAyOC41MzgyMjgzLDIuOTY1MDI3OSAyOS4wNDIyNzE0LDQuMjExMjI0MDggQzI5LjE5NDEyODgsNC41ODY1OTIgMjkuMjc5ODE1Myw0Ljk3OTQ5MDM0IDI5LjM0MTM1Nyw1LjM3OTQzNjk5IEMyOS40MTIyNDgsNS44NDA3NDAxMiAyOS40MDgxNjMzLDYuMzAzOTQwODcgMjkuMzg1MTA3OSw2Ljc2NTg3NjU1IEMyOS4zNTUyNDQ3LDcuMzY1MzQ0NzEgMjkuMjU1NjcwNiw3Ljk1Mzk2OTMyIDI5LjA0MjI3MTQsOC41MjExNzc4OSBDMjguNjUwNDE5NCw5LjU2MjI1MDA1IDI3LjkwNTAyMDEsMTAuMjIxMTc3MSAyNi44NTQ0NTM4LDEwLjU1ODE0MDcgQzI2LjU5MDU4NjgsMTAuNjQyODEwOCAyNi4zMTcyNzk4LDEwLjY4MTkzOCAyNi4wNDM4ODIsMTAuNzE3NTQxIEMyNS42MTc3MTkxLDEwLjc3MzAyMzkgMjUuMTkwODMsMTAuODIyOTk0NyAyNC43NjQyMTMzLDEwLjg3NTEzNDEgQzI0LjY1NDY1NDUsMTAuODg4NTk4MiAyNC41NDUwMDQ5LDEwLjkwMTc5MTIgMjQuNDM1MjY0NiwxMC45MTQxNzA5IEMyNC4yMDI0NDA4LDEwLjk0MDM3NjIgMjQuMDA5MTAxNywxMC44NjM5MjkxIDIzLjg1MjcwNTgsMTAuNjkxNDI2MSBDMjMuNzA5MTk5MiwxMC41MzMwMTk4IDIzLjYyMDE1NDMsMTAuMzQ0MjUxNSAyMy41NzAwNDk1LDEwLjE0MTIwNTggQzIzLjQ1NzEzMjMsOS42ODQwNTkzOCAyMy40ODgwODQ3LDkuMjM2NzYyNTEgMjMuNzA2NDc2MSw4LjgxMzA1MDM5IEMyMy43NjM1NzAyLDguNzAyMzU1NzEgMjMuODM2OTExOSw4LjU5NzgwNTcxIDIzLjkxNTc5MDYsOC41MDA3NTU4NSBDMjQuMDYzNDcyNiw4LjMxOTIxNjU3IDI0LjI1NTQ1MDIsOC4yMTAzMjkxNiAyNC40OTQwODMyLDguMTk1MzI4OSBDMjQuODQ4MzU2Nyw4LjE3MzAwOTI0IDI1LjIwMjkwMjQsOC4xNTQ5MzY2MyAyNS41NTY5MDM1LDguMTI4OTEyMDkgQzI1Ljc2NTAzOCw4LjExMzY0MDc0IDI1Ljk3Mzg5ODcsOC4wOTYyMDA2OCAyNi4xNzk2NzMyLDguMDYyNzY2MzcgQzI3LjI0Mjg1NjUsNy44ODY2NDg4OCAyNy40NDU1NDQ4LDQuOTAwMjQxOTggMjYuMDQxMTU4OSw0Ljc5NDY5Nzk5IEMyNS44NTM0NDc1LDQuNzczOTE0NSAyNS42NjMxMDM4LDQuNzc0OTA4NSAyNS40NzM4NDk0LDQuNzcxNTY1MDcgQzI0LjcxMjY1NjIsNC43NTgyODE3IDIzLjk1MTM3MjMsNC43NDcwNzY2OSAyMy4xOTAxNzkxLDQuNzM1MjM5MTQgQzIzLjE0NzQyNjcsNC43MzQ2MDY2IDIzLjEwNDY3NDIsNC43MzUxNDg3NyAyMy4wNTExMjAyLDQuNzM1MTQ4NzciIGlkPSJ3cC1sb2dvLXJnYi0wMSIgZmlsbD0iI0ZGMTQ0QiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM3Ljc2OTQwNyw2LjI3MDc3NzE3IEMzOS43MzMwMTczLDYuMjcwNzc3MTcgNDEuMzQzNDYwMiw3Ljg4MjIwNTY3IDQxLjM0MzQ2MDIsOS45NTYwNDQxIEM0MS4zNDM0NjAyLDEyLjAyOTg4MjUgMzkuNzMzMDE3MywxMy42NDEzMTEgMzcuNzY5NDA3LDEzLjY0MTMxMSBDMzYuNTY4NjM4MiwxMy42NDEzMTEgMzUuNjY0NTI5OSwxMy4xMDg4MzkgMzUuMDk5NDYyMiwxMi4yNTQwODEzIEwzNS4wOTk0NjIyLDE2LjI2MTYzMzkgTDMzLjg3MDQ0LDE2LjI2MTYzMzkgTDMzLjg3MDQ0LDYuNDUyOTM4NjUgTDM1LjA5OTQ2MjIsNi40NTI5Mzg2NSBMMzUuMDk5NDYyMiw3LjY1ODAwNjkyIEMzNS42NjQ1Mjk5LDYuODAzMjQ5MiAzNi41Njg2MzgyLDYuMjcwNzc3MTcgMzcuNzY5NDA3LDYuMjcwNzc3MTcgWiBNMzcuNjE0MDEzNCwxMi40NjQyNjc2IEMzOS4wMjY2ODI3LDEyLjQ2NDI2NzYgNDAuMTE0NDM4LDExLjM4NTMxMTEgNDAuMTE0NDM4LDkuOTU2MDQ0MSBDNDAuMTE0NDM4LDguNTI2Nzc3MDggMzkuMDI2NjgyNyw3LjQ0NzgyMDYgMzcuNjE0MDEzNCw3LjQ0NzgyMDYgQzM2LjE4NzIxNzUsNy40NDc4MjA2IDM1LjA5OTQ2MjIsOC41MjY3NzcwOCAzNS4wOTk0NjIyLDkuOTU2MDQ0MSBDMzUuMDk5NDYyMiwxMS4zODUzMTExIDM2LjE4NzIxNzUsMTIuNDY0MjY3NiAzNy42MTQwMTM0LDEyLjQ2NDI2NzYgWiBNNDMuNDM0MjEwNyw1LjE3NzgwODI3IEM0My44ODYyNjQ4LDUuMTc3ODA4MjcgNDQuMjUzNTU4OCw0LjgxMzQ4NTMgNDQuMjUzNTU4OCw0LjM2NTA4NzggQzQ0LjI1MzU1ODgsMy45MTY2OTAzMSA0My44ODYyNjQ4LDMuNTM4MzU0OTIgNDMuNDM0MjEwNywzLjUzODM1NDkyIEM0Mi45NjgwMjk4LDMuNTM4MzU0OTIgNDIuNjAwNzM1OCwzLjkxNjY5MDMxIDQyLjYwMDczNTgsNC4zNjUwODc4IEM0Mi42MDA3MzU4LDQuODEzNDg1MyA0Mi45NjgwMjk4LDUuMTc3ODA4MjcgNDMuNDM0MjEwNyw1LjE3NzgwODI3IFogTTQyLjgxMjYzNjIsMTMuNDU5MTQ5NSBMNDQuMDQxNjU4NCwxMy40NTkxNDk1IEw0NC4wNDE2NTg0LDYuNDUyOTM4NjUgTDQyLjgxMjYzNjIsNi40NTI5Mzg2NSBMNDIuODEyNjM2MiwxMy40NTkxNDk1IFogTTQ1LjkyMDUwODUsMTMuNDU5MTQ5NSBMNDcuMTQ5NTMwNywxMy40NTkxNDk1IEw0Ny4xNDk1MzA3LDMuMjMwMDgxNjQgTDQ1LjkyMDUwODUsMy4yMzAwODE2NCBMNDUuOTIwNTA4NSwxMy40NTkxNDk1IFogTTUyLjM0ODE1MzUsMTMuNjQxMzExIEM1MC4yODU2NTY0LDEzLjY0MTMxMSA0OC42MzI4MzM0LDEyLjAyOTg4MjUgNDguNjMyODMzNCw5Ljk1NjA0NDEgQzQ4LjYzMjgzMzQsNy44ODIyMDU2NyA1MC4yODU2NTY0LDYuMjcwNzc3MTcgNTIuMzQ4MTUzNSw2LjI3MDc3NzE3IEM1NC40MTA2NTA2LDYuMjcwNzc3MTcgNTYuMDc3NjAwMyw3Ljg4MjIwNTY3IDU2LjA3NzYwMDMsOS45NTYwNDQxIEM1Ni4wNzc2MDAzLDEyLjAyOTg4MjUgNTQuNDEwNjUwNiwxMy42NDEzMTEgNTIuMzQ4MTUzNSwxMy42NDEzMTEgWiBNNTIuMzQ4MTUzNSwxMi40NTAyNTUyIEM1My43NjA4MjI3LDEyLjQ1MDI1NTIgNTQuODQ4NTc4LDExLjM3MTI5ODcgNTQuODQ4NTc4LDkuOTU2MDQ0MSBDNTQuODQ4NTc4LDguNTQwNzg5NSA1My43NjA4MjI3LDcuNDYxODMzMDIgNTIuMzQ4MTUzNSw3LjQ2MTgzMzAyIEM1MC45NDk2MTEsNy40NjE4MzMwMiA0OS44NjE4NTU3LDguNTQwNzg5NSA0OS44NjE4NTU3LDkuOTU2MDQ0MSBDNDkuODYxODU1NywxMS4zNzEyOTg3IDUwLjk0OTYxMSwxMi40NTAyNTUyIDUyLjM0ODE1MzUsMTIuNDUwMjU1MiBaIE02MS4zNzUxMDk5LDcuNjI5OTgyMDggTDYxLjM3NTEwOTksNi40NTI5Mzg2NSBMNTkuNDk2MjU5OCw2LjQ1MjkzODY1IEw1OS40OTYyNTk4LDQuNDkxMTk5NiBMNTguMjY3MjM3Niw0Ljg1NTUyMjU3IEw1OC4yNjcyMzc2LDYuNDUyOTM4NjUgTDU2Ljg2ODY5NSw2LjQ1MjkzODY1IEw1Ni44Njg2OTUsNy42Mjk5ODIwOCBMNTguMjY3MjM3Niw3LjYyOTk4MjA4IEw1OC4yNjcyMzc2LDExLjQyNzM0ODQgQzU4LjI2NzIzNzYsMTMuMTc4OTAxMSA1OS4yNTYxMDYsMTMuNzM5Mzk4IDYxLjM3NTEwOTksMTMuNDU5MTQ5NSBMNjEuMzc1MTA5OSwxMi4zNjYxODA2IEM2MC4xMTc4MzQzLDEyLjQyMjIzMDMgNTkuNDk2MjU5OCwxMi40OTIyOTI0IDU5LjQ5NjI1OTgsMTEuNDI3MzQ4NCBMNTkuNDk2MjU5OCw3LjYyOTk4MjA4IEw2MS4zNzUxMDk5LDcuNjI5OTgyMDggWiIgaWQ9InBpbG90IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=) no-repeat center;
}

.notification-message .image-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  display: none;
}

.notification-message.remove-notification {
  -webkit-animation: slideOut 1.4s;
          animation: slideOut 1.4s;
}

@media (max-width: 540px) {
  .notification-message.remove-notification {
    -webkit-animation: fadeOut 1.4s;
            animation: fadeOut 1.4s;
  }
}

.notification-message.hover,
.notification-message.hover:hover {
  background-color: #32324d;
}

.notification-message.hover .notification-message-footer,
.notification-message.hover:hover .notification-message-footer {
  background-color: #363755;
}

.notification-message.hover .notification-message-close,
.notification-message.hover:hover .notification-message-close {
  background: #3d3f5d url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5JY29ucy9Ob3RpZmljYXRpb25zX2Nsb3NlX2hvdmVyPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IiFub3RpZmljYXRpb25zX0dVSSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg4Mi4wMDAwMDAsIC03MjkuMDAwMDAwKSI+ICAgICAgICA8ZyBpZD0iSWNvbnMvTm90aWZpY2F0aW9uc19jbG9zZV9ob3ZlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODgyLjAwMDAwMCwgNzI5LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+ICAgICAgICAgICAgPGcgaWQ9ImNsb3NlX2ljb24iPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQuMzY3MTAzMSwxNS43MTk4MzkyIEMxNC43NDA2NTA4LDE2LjA5MzM4NjkgMTUuMzQ2MjkxNCwxNi4wOTMzODY5IDE1LjcxOTgzOTIsMTUuNzE5ODM5MiBDMTYuMDkzMzg2OSwxNS4zNDYyOTE0IDE2LjA5MzM4NjksMTQuNzQwNjUwOCAxNS43MTk4MzkyLDE0LjM2NzEwMzEgTDEuNjMyODk2OTIsMC4yODAxNjA4MiBDMS4yNTkzNDkxNiwtMC4wOTMzODY5Mzk5IDAuNjUzNzA4NTc5LC0wLjA5MzM4NjkzOTkgMC4yODAxNjA4MiwwLjI4MDE2MDgyIEMtMC4wOTMzODY5Mzk5LDAuNjUzNzA4NTc5IC0wLjA5MzM4NjkzOTksMS4yNTkzNDkxNiAwLjI4MDE2MDgyLDEuNjMyODk2OTIgTDE0LjM2NzEwMzEsMTUuNzE5ODM5MiBaIj48L3BhdGg+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjI4MDE2MDgyLDE0LjM2NzEwMzEgQy0wLjA5MzM4NjkzOTksMTQuNzQwNjUwOCAtMC4wOTMzODY5Mzk5LDE1LjM0NjI5MTQgMC4yODAxNjA4MiwxNS43MTk4MzkyIEMwLjY1MzcwODU3OSwxNi4wOTMzODY5IDEuMjU5MzQ5MTYsMTYuMDkzMzg2OSAxLjYzMjg5NjkyLDE1LjcxOTgzOTIgTDE1LjcxOTgzOTIsMS42MzI4OTY5MiBDMTYuMDkzMzg2OSwxLjI1OTM0OTE2IDE2LjA5MzM4NjksMC42NTM3MDg1NzkgMTUuNzE5ODM5MiwwLjI4MDE2MDgyIEMxNS4zNDYyOTE0LC0wLjA5MzM4NjkzOTkgMTQuNzQwNjUwOCwtMC4wOTMzODY5Mzk5IDE0LjM2NzEwMzEsMC4yODAxNjA4MiBMMC4yODAxNjA4MiwxNC4zNjcxMDMxIFoiPjwvcGF0aD4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=) no-repeat 32% 70%;
}

.notification-message.hover .image-mask,
.notification-message.hover:hover .image-mask {
  display: none;
}

.notification-message:hover {
  background-color: #444769;
}

.notification-message:hover .notification-message-close {
  background-color: #393a58;
}

.notification-message:hover .notification-message-footer {
  background-color: #4d5076;
}

.notification-message:hover .image-mask {
  display: block;
}

.notification-container {
  position: fixed;
  top: 0;
  left: 32%;
  margin: auto;
  width: 535px;
  z-index: 99999;
  background-color: #32324d;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.75);
          box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.75);
  padding: 2em 1em 1em 1em;
}

@media (max-width: 767px) {
  .notification-container {
    left: 0;
    width: 100%;
  }
}

.notification-container-bell {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjMyIiBmaWxsPSIjNDQ0NzY5Ii8+ICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwIDIwKSI+ICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+ICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTIsMCBDMTAuODk0NTMxLDAgMTAsMC44OTQ1MzEgMTAsMiBDMTAsMi4wNDI5NjkgOS45OTYwOTQsMi4wODIwMzEgMTAsMi4xMjUgQzcuNjc1NzgxLDIuNDI5Njg4IDYsMy40MjE4NzUgNiw2LjAzMTI1IEM2LDE1Ljk0NTMxMyAxLDE0LjAzNTE1NiAxLDIwIEMxLDIwIDUuMDA3ODEzLDIxIDEyLDIxIEMxOC45OTIxODgsMjEgMjMsMjAgMjMsMjAgQzIzLDE0LjA3MDMxMyAxOCwxNi4wMDM5MDYgMTgsNi4wMzEyNSBDMTgsMy4zOTg0MzggMTYuMzQzNzUsMi40MjE4NzUgMTQsMi4xMjUgQzE0LjAwMzkwNiwyLjA4MjAzMSAxNCwyLjA0Mjk2OSAxNCwyIEMxNCwwLjg5NDUzMSAxMy4xMDU0NjksMCAxMiwwIFogTTkuMTU2MjUsMjEuOTM3NSBDOS41NTA3ODEsMjMuMTI4OTA2IDEwLjY3NTc4MSwyNCAxMiwyNCBDMTMuMzI0MjE5LDI0IDE0LjQ0OTIxOSwyMy4xMjg5MDYgMTQuODQzNzUsMjEuOTM3NSBDMTMuOTYwOTM4LDIxLjk3MjY1NiAxMy4wMDc4MTMsMjIgMTIsMjIgQzEwLjk4ODI4MSwyMiAxMC4wNDI5NjksMjEuOTcyNjU2IDkuMTU2MjUsMjEuOTM3NSBaIi8+ICAgIDwvZz4gIDwvZz48L3N2Zz4=);
  width: 64px;
  height: 64px;
  float: left;
  margin: 10px 0 0 10px;
  position: relative;
}

.notification-container-bell-pulse {
  z-index: -1;
  background-color: #4a4b66;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  -webkit-animation: pulse 2.5s infinite;
          animation: pulse 2.5s infinite;
}

.notification-container-body {
  margin-left: 100px;
}

.notification-container-body-title {
  font-size: 16px;
  padding-bottom: 7px;
}

.notification-container-body-description {
  color: #9d9bd4;
  padding-bottom: 10px;
}

.notification-container .button {
  padding: 9px 25px;
}

@media (max-width: 540px) {
  .notification-container .button {
    width: 100%;
    padding: 10px;
  }

  .notification-container .button.notification-cancel {
    margin-bottom: 15px;
  }
}

.notification-container .button.notification-cancel {
  border: 2px solid #9d9bd4;
  color: #9d9bd4;
  margin-right: 20px;
}

.notification-container .button.notification-cancel:hover {
  border-color: #e7e6ff;
  color: #e7e6ff;
  background-color: transparent;
}

.notification-container .button.notification-confirm {
  border: none;
  background-color: #12982d;
  color: #fff;
}

.notification-container .button.notification-confirm:hover {
  background-color: #18bf39;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.notification-confirm-container {
  position: fixed;
  top: 0;
  left: 30%;
  margin: auto;
  width: 500px;
  z-index: 99999;
  background-color: #1e1e2a;
  padding: 1em;
}

.notification-confirm-container a.button {
  width: initial;
  cursor: pointer;
  margin: .5em;
}

.inline-notification {
  position: fixed;
  bottom: 0;
  right: 20px;
  opacity: .7;
  margin: auto;
  width: 300px;
  z-index: 99999999;
  background: #000;
  padding: 1em;
}

.inline-notification.display-on-fullscreen {
  z-index: 99999999999;
}

.inline-notification .close-btn-container {
  position: absolute;
  top: -25px;
  background-color: #000;
  width: 100px;
  right: 0;
  border-radius: 10px 10px 0 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .notification-confirm-container {
    top: initial;
    bottom: 0;
    width: 100%;
    left: 0;
  }

  .notification-confirm-container a.button {
    width: initial;
    cursor: pointer;
    margin: .5em;
  }

  .inline-notification {
    top: 5%;
    right: 0;
    bottom: initial;
    opacity: 1;
    left: 0;
    margin: auto;
    width: 100%;
  }

  .inline-notification .close-btn-container {
    top: -30px;
    font-size: 1.2em;
    height: 30px;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

section.promotion-banner .responsive-img-container {
  display: none;
}

section.promotion-banner .responsive-img-container .img {
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1210px;
  max-height: 400px;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.tv-main-page section.promotion-banner {
  width: 100vw;
  margin-left: -50vw;
  position: relative;
  left: 50%;
  clear: both;
  background-color: #181825;
  max-height: 400px;
}

.tv-main-page section.promotion-banner .responsive-img-container .img {
  padding-top: 33%;
}

.tv-main-page section.promotion-banner .responsive-img-container.mobile .img {
  padding-top: 52.05%;
}

@media screen and (min-width: 767px) and (max-width: 974px) {
  .tv-main-page section.promotion-banner {
    left: 0;
    margin-left: 0;
    float: left;
  }
}

@media screen and (min-width: 767px) {
  section.promotion-banner .responsive-img-container {
    display: block;
  }

  section.promotion-banner .responsive-img-container.mobile {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  section.promotion-banner .responsive-img-container {
    display: none;
  }

  section.promotion-banner .responsive-img-container.mobile {
    display: block;
    padding-top: 30px;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

.header-below {
  margin-top: 55px;
}

.verify-bar {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fd1e51;
  height: 55px;
  z-index: 100;
}

.verify-bar .link {
  color: #fff;
  font-weight: 700;
}

.verify-bar .link:hover {
  color: inherit;
}

.verify-bar p {
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.page.page-with-banner .promotion-banner .img {
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1210px;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.page.page-oferta.page-with-banner .promotion-banner {
  margin: 0 0 -5px 0;
}

@media (max-width: 767px) {
  .page.page-oferta.page-with-banner .promotion-banner {
    margin: 0;
  }
}

.page.page-oferta.page-with-banner .promotion-banner .desktop-img-container {
  display: none;
}

.page.page-oferta.page-with-banner .promotion-banner .desktop-img-container .img {
  padding-top: 40%;
  position: relative;
  z-index: -1;
}

.page.page-oferta.page-with-banner .promotion-banner.eleven-offer {
  margin-top: -100px;
}

@media (max-width: 767px) {
  .page.page-oferta.page-with-banner .promotion-banner.eleven-offer {
    margin: 0;
  }
}

.page.page-oferta.page-with-banner .promotion-banner.eleven-offer .desktop-img-container {
  display: none;
}

.page.page-oferta.page-with-banner .promotion-banner.eleven-offer .desktop-img-container .img {
  padding-top: 37.20%;
}

.page.page-oferta.page-with-banner .promotion-banner.eleven-offer.eleven-banner-infobar {
  padding-top: 70px;
}

.page.page-oferta.page-with-banner .promotion-banner.trial-offer.trial-banner-infobar {
  margin-top: 55px;
}

.page.page-oferta.page-with-banner .promotion-banner.eleven-offer {
  margin-top: -50px;
}

@media (max-width: 767px) {
  .page.page-oferta.page-with-banner .promotion-banner.eleven-offer {
    margin: 0;
  }
}

.page.page-oferta.page-with-banner .promotion-banner .mobile-img-container {
  display: none;
}

.page.page-oferta.page-with-banner .promotion-banner .mobile-img-container .img {
  min-height: 180px;
  position: relative;
  z-index: -1;
}

.page.page-oferta .offer-box {
  width: 100%;
  font-size: 0;
}

.page.page-oferta .offer-box .package {
  cursor: pointer;
  background-color: #28283E;
  overflow: hidden;
}

.page.page-oferta .offer-box .package.inline {
  min-width: 246px;
  width: 23.5%;
  margin-right: 2%;
  -webkit-transition-property: top;
  -webkit-transition-duration: .5s;
  -o-transition-property: top;
  transition-property: top;
  -o-transition-duration: .5s;
     transition-duration: .5s;
  top: 0;
  position: relative;
}

.page.page-oferta .offer-box .package.inline.stable {
  display: inline-block;
}

.page.page-oferta .offer-box .package.inline:hover {
  position: relative;
  top: -10px;
}

.page.page-oferta .offer-box .package.inline .desc-group .desc:nth-child(odd) {
  background-color: #32324d;
}

.page.page-oferta .offer-box .package.inline .desc-group .desc:nth-child(even) {
  background-color: transparent;
}

.page.page-oferta .offer-box .package.promoted {
  width: 100%;
  margin-bottom: 30px;
  max-height: 308px;
}

.page.page-oferta .offer-box .package.promoted .content {
  width: 75%;
  display: inline-block;
}

.page.page-oferta .offer-box .package.promoted .content .image-content {
  width: 66%;
  display: inline-block;
  height: 308px;
  background-image: url(https://wpcdn.pl/wp-pilot/promoted_background.c7668929.png);
  position: relative;
}

.page.page-oferta .offer-box .package.promoted .content .image-content:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(40, 40, 62, 0)), to(#28283E));
  background-image: -o-linear-gradient(left, rgba(40, 40, 62, 0) 50%, #28283E 100%);
  background-image: linear-gradient(90deg, rgba(40, 40, 62, 0) 50%, #28283E 100%);
}

.page.page-oferta .offer-box .package.promoted .content .side-content {
  float: right;
  width: 33%;
}

.page.page-oferta .offer-box .package.promoted .content .side-content .box_price {
  font-size: 28px;
  line-height: normal;
  background-color: initial;
}

.page.page-oferta .offer-box .package.promoted .content .side-content .button-wrapper {
  background-color: initial;
  height: 25px;
}

.page.page-oferta .offer-box .package.promoted .content .side-content .display-channels {
  padding-top: 5%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  margin-left: -40px;
}

@media (min-width: 1366px) {
  .page.page-oferta .offer-box .package.promoted .content .side-content .display-channels {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
    margin-left: -20px;
  }
}

.page.page-oferta .offer-box .package.promoted .content .side-content .display-channels .display-channel .channel-icon {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}

.page.page-oferta .offer-box .package.promoted .side {
  display: inline-block;
  float: right;
}

.page.page-oferta .offer-box .package.promoted .side .desc-group .desc {
  padding: 18px;
}

.page.page-oferta .offer-box .package.promoted .side .desc-group .desc .green {
  color: #43D861;
  font-family: 'Baloo Da 2';
  font-weight: 700;
}

.page.page-oferta .offer-box .package.additional .content {
  display: inline-block;
  width: 53%;
}

.page.page-oferta .offer-box .package.additional .content .button-wrapper {
  background-color: transparent;
}

.page.page-oferta .offer-box .package.additional .content .box_price {
  background-color: transparent;
}

.page.page-oferta .offer-box .package.additional .side {
  display: inline-block;
  vertical-align: top;
  width: 47%;
}

.page.page-oferta .offer-box .package.additional .side .desc-group .desc {
  padding: 26px 0 26px 18px;
}

.page.page-oferta .offer-box .package .display-channels {
  text-align: center;
  min-width: 246px;
}

.page.page-oferta .offer-box .package .display-channels .display-channel {
  padding: 5px;
  display: inline-block;
}

.page.page-oferta .offer-box .package .display-channels .display-channel .channel-icon {
  background-color: #32324d;
}

.page.page-oferta .offer-box .package .desc-group .desc p {
  padding-left: 10px;
}

.page.page-oferta .offer-box .package .desc-group .desc:nth-child(odd) {
  background-color: rgba(46, 46, 71, 0.5);
}

.page.page-oferta .offer-box .package .desc-group .desc:nth-child(even) {
  background-color: #2e2e47;
}

.info-icon-tooltip {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  vertical-align: middle;
}

.tooltip-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  line-height: 14px;
  padding-left: 8px;
}

.overflow-hidden {
  overflow: hidden;
}

.payment-redirect-loader.overlay {
  background-color: rgba(19, 19, 29, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 9999999999;
}

.payment-redirect-loader .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.payment-redirect-loader .container .loader {
  margin-bottom: 84px;
}

.payment-redirect-loader .container .loader.loader {
  position: relative;
  color: transparent;
}

.payment-redirect-loader .container .loader.loader:after {
  content: '';
  position: absolute;
  width: 110px;
  height: 110px;
  top: calc(50% - 55px);
  left: calc(50% - 55px);
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAhFBMVEUAAACqqtSqjcacnNehodaZmdacnNWbm9SamtWcnNWamtGemtGcnNGem9KcnNKdndKdm9KcnNKdm9OcnNOdm9OcnNOcnNOcnNKcnNKcnNKcnNOdm9OdnNOcnNKdnNKdnNKcnNKcm9KcnNKcm9KcnNOdnNOdm9Kcm9Ocm9Ocm9Ocm9Kcm9Lqhn28AAAALHRSTlMABgkNExkfJCsxOD1DSlBWXGJpb3Z8gomOlJmfpauyt73DytDX3uXq7/T5/hLwUNsAAAQPSURBVHgB7dLpkrI4FMbxJ0DCIirutoui3fYyff/3N+fEI8G8LkB3zXx5f1B8/NcTKmgsxW/Ly2/rVC4nv1WffFf+IeXE4McGLslRdhx36iqloGCdKOdlv76+Vr32SdfM/SRHyeeuVVYFiuGcHbmoa3L083MTNk8GgVvqRb9rUXLqo5EgDLhqgaV3Tk8+Pj7WDcaqkJyjuGw9eUuroR/k/S172oyiqkrclRLeUI6+vw/xUBBJlNz+qy4qTTbCA2FE3FSXzXd/NIk0T6fT4kFT26arUtLJe71iVn5I1DX9qt/UXCX1qb50cvSHsgluCjSzzaqKm5LVl998exvca7L6VNwTTv3m2zHBn4wx11WFR8xOotKkqoZPG64aV1V4YvjmmtYanjA2TFvPmiI5XjVfX3NcUXEsVdmKJsK9a76SQ4g6HRM3NkIz4c412dQf6qrSbFaVpEjhmCSpZTXQqvp6jh5fj8cVKmHCqqpCC8mx2nkkuj7UZU2IVgpXJDMIlVzE1NVoae2S5DIpSpO0ysYKLemqeTgeDkOcxWnqshFaG1dJsoUVpCJhCq2FpW0eztUYTEvTZg06mEnSGsnpaxQ60FK0lmBZmmapiNHJukqWhwNImBHK2rBGJ0Pp8VvysMg2pazQSUxN7tm3D8BcgvxFR/uSnbNjAAk3JRyjoyXlOMiWANLM0eioKJ0NgKwmQkf9ssaLhugo/Rv976K934327EOvRke5F01lJzM/uPx7+8jlT3pnnE3Q0aJ0lgAM90SGjrZ7minPGIDu1YToJN6LkgwAhPWoQSeDS5M/CYj0cnrzDJ287GvAEolaATrQu51rLsCMFO0nQQeTHZNoARZWRabQWrixUcnGsLL8op/3Y7Q23EqUu2ucmapJ2v/VaL3d7qruAGeBS5IMLc22pMpqiJSKl+ZgEKOV/mazddmZO0BeJUk/QgtmtbFVRtUElezS5Oqwr9BYsNxYsnUOJ5KZbDhsUQ3m6/WamzI2QU3qkixTDZujNavGTlGnLk1bLYpmW4PZaiVVO3Yd4oqu7SzIMMJTZr4ita0ZPJlrslGR4Il88fJyVZ3ApyQpTTII8UA0Xr5wVKqUXQWAL/Ka4/EoU7gjyOfLpVc1uMFcN8lknIc3Vw5ni8XSq/ZwU1I1CTdZkWpc0dl4Pl8QjhJuUnWAO7L6TolOp9NJ0UuMlfaK6ZxIVKpshLsyN9Q12axGoq7qN32JP/Sc5Kfe9Kf28VA8Yq4pajtvVDM8ERVXQznLM+tZd35bXRg8pXI3lJNSvTt1FKAJQ1VJCrfUnzpP0JDqc5R5Q91SyTabKfRAkjeqbuo4RjtmQFFZevunFjHaC9NR/UJJV5qTLEJHuje8df5RrvEzJsuL8UxMijwz+F/8CyKz6E8T1nBoAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-animation: loader .6s linear infinite;
          animation: loader .6s linear infinite;
  -webkit-animation-fill-mode: forward;
          animation-fill-mode: forward;
}

.payment-redirect-loader .text {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 12px;
}

@media screen and (min-width: 768px) {
  .payment-redirect-loader .text {
    font-size: 24px;
  }
}

.payment-redirect-loader .sub-text {
  font-weight: 700;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .payment-redirect-loader .sub-text {
    font-size: 18px;
  }
}

#reklam-tooltip-msg,
.tooltip-msg {
  background: #444769;
  -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  position: absolute;
  top: 100px;
  left: 35px;
  height: 247px;
  padding: 1em;
  width: 325px;
  display: none;
}

#reklam-tooltip-msg p,
.tooltip-msg p {
  color: #C3C2E8;
  font-size: 14px;
  margin-top: 1em;
  line-height: 18px;
}

.promo-header h1 {
  margin-bottom: 20px;
}

.offer_head h1 {
  margin-bottom: 10px;
}

.offer_banner {
  margin-top: -100px;
}

.link-to-buy-package {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 18px;
  width: 211px;
  height: 48px;
  background-color: #fff;
  border-radius: 24px;
  font-family: 'Baloo Da 2', sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #181825;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .link-to-buy-package {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #metody-platnosci {
    padding-top: 80px;
    margin-top: -80px;
  }
}

.offer-box .package .box_price {
  width: 100%;
  background-color: #32324d;
  padding: 14px 0;
  text-align: center;
}

.offer-box .package .box_price h2 {
  color: #fd1e51;
  line-height: 40px;
  text-align: center;
}

.offer-box .package .box_price p {
  font-size: 28px;
  line-height: normal;
}

.offer-box .package .channels_count {
  padding: 13px 14px;
}

.offer-box .package .channels_count .channel-count-bigger {
  font-size: 36px;
}

.offer-box .package .channels_count .channel-count-big {
  font-size: 30px;
}

.offer-box .package .channels_count .channel-count-normal {
  font-size: 24px;
}

.offer-box .package .channels_count p {
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 10px;
  text-align: center;
}

.offer-box .package .channels_count ul {
  margin-top: 15px;
}

.offer-box .package .channels_count ul li {
  float: left;
}

.offer-box .package .channels_count ul li img {
  width: 70px;
  height: 70px;
  margin: 6px;
  border-radius: 2px;
  background-color: #32324d;
}

.offer-box .package .channels_count ul:after {
  content: '';
  display: block;
  clear: both;
}

.offer-box .package .channels_count .label {
  margin: 10px 0;
  text-align: center;
  color: #99a1d4;
  text-decoration: none;
  font-size: 16px;
  display: block;
}

.offer-box .package .channels_count .label:hover {
  color: #fd1e51;
}

.offer-box .package .desc-group .desc {
  padding: 11px 0 11px 18px;
}

.offer-box .package .desc-group .desc p {
  display: inline-block;
  font-size: 15px;
  line-height: normal;
  vertical-align: middle;
  color: #C3C2E8;
}

.offer-box .package .desc-group .desc p.accept-new-line {
  padding: 0 12%;
}

.offer-box .package .desc-group .desc .icon-accept {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(https://wpcdn.pl/wp-pilot/check.84359896.svg);
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-right: 8px;
  vertical-align: middle;
}

.offer-box .package .desc-group .desc .icon-noaccept {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(https://wpcdn.pl/wp-pilot/check.84359896.svg);
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-right: 8px;
  vertical-align: middle;
  background-image: url(https://wpcdn.pl/wp-pilot/no.5e623da8.png);
}

.offer-box .package .button-wrapper {
  height: 60px;
  background-color: #32324d;
}

.offer-box .package .button-wrapper .button-important {
  display: block;
  margin: auto;
  width: 53%;
  padding: 6px;
  font-size: 14px;
  border-color: #fd1e51;
}

.offer-box .package .button-wrapper .button-important:hover {
  background-color: #fd1e51;
}

.offer-box .package.additional {
  cursor: pointer;
  background-color: #28283E;
  margin: 20px auto;
  display: block;
  width: 48.6%;
}

.offer-box .package.additional.inline {
  display: inline-block;
  margin: 0 2.3% 0 0;
}

.offer-box .package.additional .channels_in_packet ul li .content {
  text-align: center;
  float: left;
  width: 50%;
  padding-top: 1.5em;
}

.offer-box .package.additional .channels_in_packet ul li .content img {
  width: 70px;
  height: 70px;
  margin: 6px;
  border-radius: 2px;
  background-color: #2D2E47;
}

.offer-box .package.additional .channels_in_packet ul li .content .secondary.label {
  margin-top: 1.5em;
  text-align: center;
  color: #99a1d4;
  text-decoration: none;
}

.offer-box .package.additional .channels_in_packet ul li .side {
  float: right;
  width: 47%;
}

.offer-box .package.additional .channels_in_packet ul li .side .desc-group .desc {
  padding: 26px 0 26px 18px;
}

.offer-box .package.additional .channels_in_packet ul li .side .desc-group .desc:nth-child(even) {
  background-color: #2e2e47;
}

.offer-box .package.additional .channels_in_packet ul li .side .desc-group .desc:nth-child(odd) {
  background-color: rgba(46, 46, 71, 0.5);
}

.offer-box .package.additional .channels_in_packet ul li .side .desc-group .desc p {
  display: inline-block;
  font-size: 15px;
  line-height: normal;
  vertical-align: middle;
  color: #C3C2E8;
}

.offer-box .package.additional .channels_in_packet ul li .side .desc-group .desc p.accept-new-line {
  padding: 0 12%;
}

.offer-box .package.additional .channels_in_packet ul li .side .desc-group .desc .icon-accept {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(https://wpcdn.pl/wp-pilot/yes.e1e76134.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 5px;
  vertical-align: middle;
}

.offer-box .package.additional .channels_in_packet ul li .side .desc-group .desc .icon-noaccept {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(https://wpcdn.pl/wp-pilot/check.84359896.svg);
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-right: 8px;
  vertical-align: middle;
  background-image: url(https://wpcdn.pl/wp-pilot/no.5e623da8.png);
}

.offer-box .package.additional .channels_in_packet ul li .type img {
  width: 70px;
  height: 70px;
  margin: 19px;
  border-radius: 2px;
  background-color: #32324d;
}

.offer-box .package.additional .channels_in_packet ul li .type .packet_details {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
}

.offer-box .package.additional .channels_in_packet ul li .type .packet_details .packet_name {
  color: #fd1e51;
  font-weight: 700;
  text-decoration: none;
}

.offer-box .package.additional .channels_in_packet ul li .type .packet_details p {
  font-size: 28px;
  margin-top: 20px;
}

.offer-box .package.additional .channels_in_packet ul li .packet_desc {
  float: left;
}

.offer-box .package.additional .channels_in_packet ul li .packet_desc .desc {
  padding: 15px 18px;
}

.offer-box .package.additional .channels_in_packet ul li .packet_desc .desc p {
  display: inline-block;
  font-size: 16px;
  line-height: normal;
}

.offer-box .package.additional .channels_in_packet ul li .packet_desc .desc .icon-accept {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(https://wpcdn.pl/wp-pilot/yes.e1e76134.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 5px;
  vertical-align: middle;
}

.offer-box .package.additional .channels_in_packet ul li .packet_desc .desc:nth-child(even) {
  background-color: #32324d;
}

.offer-box .package.additional .channels_in_packet ul li .button-wrapper {
  margin: 1.5em;
}

.offer-box .package.additional .channels_in_packet ul li .button-wrapper .button-important {
  border-color: #fd1e51;
}

.offer-box .package.additional .channels_in_packet ul li .button-wrapper .button-important:hover {
  background-color: #fd1e51;
}

.offer-box .package.additional .channels_in_packet ul li:after {
  content: '';
  display: block;
  clear: both;
}

.offer-box .promoted-header {
  width: 100%;
  margin-bottom: 30px;
  background-image: url("/assets/images/packages/promoted_top_image.jpg");
  background-size: cover;
}

.offer-box .promoted-header .content {
  width: 38%;
  padding: 5em 2em;
}

.offer-box .promoted-header .text {
  font-size: 36px;
  color: #FFFFFF;
  line-height: 39px;
}

.offer-box .promoted-header .button-important {
  color: #fff;
  border: 2px solid transparent;
  margin: 1em;
}

.offer-box .starter .box_price h2 {
  color: #43D861;
}

.offer-box .starter .button-wrapper .button-important {
  background-color: transparent;
  color: #fff;
  border: 2px solid #43D861;
}

.offer-box .starter .button-wrapper .button-important:hover {
  color: #000000;
  background-color: #43D861;
}

.offer-box:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1366px) and (min-width: 767px) {
  .page.page-oferta .offer-box .package .button-wrapper .button-important {
    font-size: 12px;
  }

  .page.page-oferta .offer-box .package .box_price h1 {
    font-size: 22px;
  }

  .page.page-oferta .offer-box .package .box_price p {
    font-size: 22px;
  }

  .page.page-oferta .offer-box .package .channels_count {
    padding: 13px 8px 13px 7px;
  }

  .page.page-oferta .offer-box .package .channels_count .channel-count-bigger {
    font-size: 30px;
  }

  .page.page-oferta .offer-box .package .channels_count .channel-count-big {
    font-size: 26px;
  }

  .page.page-oferta .offer-box .package .channels_count .channel-count-normal {
    font-size: 22px;
  }

  .page.page-oferta .offer-box .package .channels_count .label {
    font-size: 11px;
  }

  .page.page-oferta .offer-box .package .channels_count p {
    font-size: 22px;
  }

  .page.page-oferta .offer-box .package .channels_count ul li img {
    width: 56px;
    height: 56px;
    margin: 6px;
    border-radius: 2px;
    background-color: #32324d;
  }

  .page.page-oferta .offer-box .package .desc-group .desc {
    padding: 5px 0 5px 10px;
  }

  .page.page-oferta .offer-box .package .desc-group .desc p {
    font-size: 12px;
  }

  .page.page-oferta .offer-box .package.top.promoted {
    max-height: 283px;
  }

  .page.page-oferta .offer-box .package.top.promoted .content {
    width: 76%;
  }

  .page.page-oferta .offer-box .package.top.promoted .content .side-content {
    width: 34%;
  }

  .page.page-oferta .offer-box .package.top.promoted .side .desc-group .desc {
    padding: 24px 10px;
  }

  .page.page-oferta .offer-box .package.inline.stable {
    min-width: 220px;
  }

  .page.page-oferta .offer-box .package.inline.stable .display-channels {
    min-width: 200px;
  }

  .page.page-oferta .offer-box .package.inline.stable .display-channels .display-channel {
    width: 62px;
    height: 62px;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    padding: 2px;
  }

  .page.page-oferta .offer-box .package.additional .side .desc-group .desc {
    padding: 23px 0 23px 6px;
  }

  .page.page-oferta .offer-box .package.additional .side .desc-group .desc p {
    font-size: 12px;
  }
}

@media all and (min-width: 768px) {
  .page.page-with-banner .promotion-banner .desktop-img-container {
    display: block !important;
  }

  .page.page-with-banner .promotion-banner .desktop-img-container.desktop-container-infobar {
    margin: -5px 0 -5px 0;
  }

  .page.page-with-banner .promotion-banner .mobile-img-container {
    display: none;
  }

  .page.page-with-banner .header {
    background-color: transparent;
  }

  .page.page-with-banner .header.shadow {
    background-color: #181825;
  }

  .page.page-oferta .offer-box .package.mobile {
    display: none;
  }

  .page.page-oferta .offer-box .package.desktop {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .page.page-with-banner .promotion-banner .desktop-img-container {
    display: none;
  }

  .page.page-with-banner .promotion-banner .mobile-img-container {
    display: block !important;
    max-height: 490px;
    overflow: hidden;
  }

  .page.page-with-banner .promotion-banner .mobile-img-container .img {
    max-width: 330px;
  }

  .page.page-oferta .offer-box {
    text-align: center;
  }

  .page.page-oferta .offer-box .package {
    text-align: left;
  }

  .page.page-oferta .offer-box .package.inline {
    width: 100%;
    margin: 20px auto !important;
    max-width: 330px;
  }

  .page.page-oferta .offer-box .package.inline.stable {
    display: block;
  }

  .page.page-oferta .offer-box .package.mobile {
    display: block;
  }

  .page.page-oferta .offer-box .package.mobile .channels_count strong {
    display: none;
  }

  .page.page-oferta .offer-box .package.desktop {
    display: none;
  }

  .page.page-oferta .offer-box .package .channels_count .secondary.label {
    font-size: 15px;
  }

  .page.page-oferta .offer-box .package .desc-group .desc {
    padding: 10px 10px 10px 20px;
  }

  .page.page-oferta .offer-box .package .desc-group .desc p {
    font-size: 15px;
  }

  .page.page-oferta .offer-box .package .desc-group .desc .green {
    color: #43D861;
    font-family: 'Baloo Da 2';
    font-weight: 700;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

#sms-form-container .modal-wrapper {
  max-width: 550px;
}

#sms-form-container .modal-wrapper .content h2 {
  color: #9d9bd4;
  font-weight: 400;
  margin-bottom: 10px;
}

#sms-form-container .modal-wrapper .content .package-info {
  max-width: 399px;
  padding-bottom: 15px;
}

#sms-form-container .modal-wrapper .content .package-info span {
  display: inline-block;
}

#sms-form-container .modal-wrapper .content .package-info span.bold {
  font-family: 'Baloo Da 2';
  font-weight: 700;
  padding: 0 10px;
}

#sms-form-container .modal-wrapper .content .sms-info-container {
  width: 55%;
  margin: 20px auto;
  text-align: center;
  border: 2px solid #fd1e51;
  padding: 10px;
  margin-bottom: 10px;
}

#sms-form-container .modal-wrapper .content .sms-info-container p {
  margin: 0;
  color: #9d9bd4;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
}

#sms-form-container .modal-wrapper .content .sms-info-container p.sms-text,
#sms-form-container .modal-wrapper .content .sms-info-container p.sms-number {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
}

#payment-error-modal {
  width: 33%;
  top: 30%;
}

#payment-error-modal .error-display {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
  #stripe-invoice-form-container .modal-wrapper {
    width: 550px;
  }
}

#stripe-invoice-form-container .modal-wrapper .payment-methods-info {
  background-color: #32324d;
  border-radius: 8px;
  padding: 5px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 767px) {
  #stripe-invoice-form-container .modal-wrapper .payment-methods-info {
    padding: 5px 16px;
  }
}

#stripe-invoice-form-container .modal-wrapper .payment-methods-info p {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 1.83;
  margin-right: 48px;
  padding: 5px 0;
}

@media (max-width: 767px) {
  #stripe-invoice-form-container .modal-wrapper .payment-methods-info p {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-right: 0;
  }
}

#stripe-invoice-form-container .modal-wrapper .payment-methods-info .payment-methods-icons {
  /** VARIABLES */
  /** VARIABLES */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
}

#stripe-invoice-form-container .modal-wrapper .payment-methods-info .payment-methods-icons :first-child:nth-last-child(n + 2) ~ img {
  margin-left: 25px;
}

#stripe-invoice-form-container .modal-wrapper .payment-methods-info .payment-methods-icons :first-child:nth-last-child(n + 3) ~ img {
  margin-left: 20px;
}

@media (max-width: 767px) and (max-width: 767px) {
  #stripe-invoice-form-container .modal-wrapper .payment-methods-info .payment-methods-icons {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
}

@media (max-width: 767px) {
  #stripe-invoice-form-container .modal-wrapper .payment-methods-info .payment-methods-icons :first-child:nth-last-child(n + 3) ~ img {
    margin-left: 9px;
  }
}

#stripe-invoice-form-container .modal-wrapper .bottom-border {
  margin-top: 22px;
}

#stripe-invoice-form-container .modal-wrapper .bottom-border + * {
  margin-top: 0;
}

#stripe-invoice-form-container .modal-wrapper .payment-secure-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #224908;
  border: 1px solid #458a19;
  border-radius: 8px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  min-height: 40px;
  padding: 9px 10px 9px 20px;
}

#stripe-invoice-form-container .modal-wrapper .payment-secure-info p {
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: -0.35px;
  margin: 0;
}

#stripe-invoice-form-container .modal-wrapper .payment-secure-info img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 14px;
}

#stripe-invoice-form-container .modal-wrapper .payment-form-section {
  margin-top: 20px;
}

#stripe-invoice-form-container .modal-wrapper .payment-header,
#stripe-invoice-form-container .modal-wrapper .package-header {
  color: #9d9bd4;
  font-weight: 400;
  margin-bottom: 12px;
}

#stripe-invoice-form-container .modal-wrapper .link {
  color: #9d9bd4;
  text-decoration: underline;
}

@media (min-width: 768px) {
  #stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .package-header {
    display: none;
  }
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .message-box .error {
  text-align: center;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .message-box .link:hover {
  color: white;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .message-box .try_n_buy_error {
  border-radius: 4px;
  padding: 11px 17px;
  background-color: #ff2500;
  font-size: 14px;
  margin: 12px 0;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .message-box .try_n_buy_error .title {
  font-size: 16px;
  font-weight: bold;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .message-box .try_n_buy_error .close-modal {
  text-decoration: underline;
  font-weight: bold;
  margin-top: 15px;
  cursor: pointer;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .error-block {
  color: #fd1e51;
  white-space: nowrap;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .package-info {
  max-width: 420px;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .package-info .original-plan-info {
  font-size: 14px;
  margin-top: 13px;
  line-height: 1.36;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .package-info span {
  display: inline-block;
  padding: 5px 0;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .package-info span.bold {
  font-family: 'Baloo Da 2';
  font-weight: 700;
  padding: 0 10px;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form {
  margin: 0;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .line-break {
  height: 10px;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form input {
  margin-bottom: 0;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .select-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin-right: 14px;
  vertical-align: top;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .select-container:last-child {
  margin-right: 0;
}

@media (max-width: 440px) {
  #stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .select-container:last-child {
    min-width: 50%;
  }
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .select_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .label-with-tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1366px) {
  #stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .label-with-tooltip {
    position: relative;
  }
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .label-with-tooltip span[class^='js-tooltip'] {
  margin-left: 6px;
}

@media (min-width: 1366px) {
  #stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .label-with-tooltip span[class^='js-tooltip'] {
    position: absolute;
    right: -18px;
    top: 3px;
  }
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .labels-rules {
  padding-top: 10px;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .labels-rules label {
  display: block;
  line-height: normal;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .labels-rules .note {
  line-height: normal;
  font-size: 12px;
  margin-bottom: 18px;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .labels-rules .info-icon svg {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .labels-rules .agreement-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .form-submit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 27px 0 18px 0;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .form-submit-container.loader {
  position: relative;
  color: transparent;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .form-submit-container.loader:after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: calc(50% - 12.5px);
  left: calc(50% - 12.5px);
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAhFBMVEUAAACqqtSqjcacnNehodaZmdacnNWbm9SamtWcnNWamtGemtGcnNGem9KcnNKdndKdm9KcnNKdm9OcnNOdm9OcnNOcnNOcnNKcnNKcnNKcnNOdm9OdnNOcnNKdnNKdnNKcnNKcm9KcnNKcm9KcnNOdnNOdm9Kcm9Ocm9Ocm9Ocm9Kcm9Lqhn28AAAALHRSTlMABgkNExkfJCsxOD1DSlBWXGJpb3Z8gomOlJmfpauyt73DytDX3uXq7/T5/hLwUNsAAAQPSURBVHgB7dLpkrI4FMbxJ0DCIirutoui3fYyff/3N+fEI8G8LkB3zXx5f1B8/NcTKmgsxW/Ly2/rVC4nv1WffFf+IeXE4McGLslRdhx36iqloGCdKOdlv76+Vr32SdfM/SRHyeeuVVYFiuGcHbmoa3L083MTNk8GgVvqRb9rUXLqo5EgDLhqgaV3Tk8+Pj7WDcaqkJyjuGw9eUuroR/k/S172oyiqkrclRLeUI6+vw/xUBBJlNz+qy4qTTbCA2FE3FSXzXd/NIk0T6fT4kFT26arUtLJe71iVn5I1DX9qt/UXCX1qb50cvSHsgluCjSzzaqKm5LVl998exvca7L6VNwTTv3m2zHBn4wx11WFR8xOotKkqoZPG64aV1V4YvjmmtYanjA2TFvPmiI5XjVfX3NcUXEsVdmKJsK9a76SQ4g6HRM3NkIz4c412dQf6qrSbFaVpEjhmCSpZTXQqvp6jh5fj8cVKmHCqqpCC8mx2nkkuj7UZU2IVgpXJDMIlVzE1NVoae2S5DIpSpO0ysYKLemqeTgeDkOcxWnqshFaG1dJsoUVpCJhCq2FpW0eztUYTEvTZg06mEnSGsnpaxQ60FK0lmBZmmapiNHJukqWhwNImBHK2rBGJ0Pp8VvysMg2pazQSUxN7tm3D8BcgvxFR/uSnbNjAAk3JRyjoyXlOMiWANLM0eioKJ0NgKwmQkf9ssaLhugo/Rv976K934327EOvRke5F01lJzM/uPx7+8jlT3pnnE3Q0aJ0lgAM90SGjrZ7minPGIDu1YToJN6LkgwAhPWoQSeDS5M/CYj0cnrzDJ287GvAEolaATrQu51rLsCMFO0nQQeTHZNoARZWRabQWrixUcnGsLL8op/3Y7Q23EqUu2ucmapJ2v/VaL3d7qruAGeBS5IMLc22pMpqiJSKl+ZgEKOV/mazddmZO0BeJUk/QgtmtbFVRtUElezS5Oqwr9BYsNxYsnUOJ5KZbDhsUQ3m6/WamzI2QU3qkixTDZujNavGTlGnLk1bLYpmW4PZaiVVO3Yd4oqu7SzIMMJTZr4ita0ZPJlrslGR4Il88fJyVZ3ApyQpTTII8UA0Xr5wVKqUXQWAL/Ka4/EoU7gjyOfLpVc1uMFcN8lknIc3Vw5ni8XSq/ZwU1I1CTdZkWpc0dl4Pl8QjhJuUnWAO7L6TolOp9NJ0UuMlfaK6ZxIVKpshLsyN9Q12axGoq7qN32JP/Sc5Kfe9Kf28VA8Yq4pajtvVDM8ERVXQznLM+tZd35bXRg8pXI3lJNSvTt1FKAJQ1VJCrfUnzpP0JDqc5R5Q91SyTabKfRAkjeqbuo4RjtmQFFZevunFjHaC9NR/UJJV5qTLEJHuje8df5RrvEzJsuL8UxMijwz+F/8CyKz6E8T1nBoAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-animation: loader .6s linear infinite;
          animation: loader .6s linear infinite;
  -webkit-animation-fill-mode: forward;
          animation-fill-mode: forward;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .form-submit-container button {
  display: block;
  width: 100%;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .form-submit-container button.loader {
  position: relative;
  color: transparent;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .payment-button,
#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .submit-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px;
  background-color: #fff;
  border-radius: 25px;
  font-family: inherit;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 1px;
  color: #181825;
  font-weight: 900;
  max-width: 334px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: unset;
}

@media (max-width: 767px) {
  #stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .payment-button,
  #stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .submit-button {
    font-size: 14px;
  }
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .payment-button:hover,
#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .submit-button:hover {
  background-color: #ff144b;
  color: #fff;
  cursor: pointer;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .information {
  font-size: 12px;
  margin-bottom: 16px;
}

#stripe-invoice-form-container .modal-wrapper .stripe-invoice-modal .form .required-field {
  color: #fd1e51;
  font-size: 18px;
}

@media all and (max-width: 768px) {
  #espago-form-container .espago-form .select_card .select-container {
    width: initial;
  }

  #espago-form-container .espago-form .select_card .select-container input::-webkit-input-placeholder {
    font-size: 10px;
  }

  #espago-form-container .espago-form .select_card .select-container input::-moz-placeholder {
    font-size: 10px;
  }

  #espago-form-container .espago-form .select_card .select-container input::-ms-input-placeholder {
    font-size: 10px;
  }

  #espago-form-container .espago-form .select_card .select-container input::placeholder {
    font-size: 10px;
  }

  #espago-form-container .espago-form .select_card .select-container label {
    white-space: nowrap;
    -o-text-overflow: clip;
       text-overflow: clip;
  }

  #sms-form-container .modal-wrapper .content .sms-info-container {
    width: 85%;
    margin: 20px auto;
    padding: 0;
    max-width: 350px;
  }

  #active-cyclic-modal .modal-wrapper .content .sms-info-container {
    width: 85%;
    margin: 20px auto;
    padding: 0;
    max-width: 350px;
  }
}

.stripe-invoice-modal .form-submit-container {
  margin: 0 auto;
}

.bottom-border {
  border-bottom: 1px solid #454576;
  min-height: 40px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  padding: 5px 0;
}

.row-item {
  min-width: 170px;
}

@media (max-width: 767px) {
  .row-item {
    min-width: 140px;
  }
}

.big {
  font-size: 24px;
}

div.card-cvv {
  -webkit-box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.5);
  padding: 14px 13px;
  width: 251px !important;
}

div.card-cvv p {
  padding-bottom: 12px;
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

#player {
  width: 902px;
  height: 507px;
  float: left;
  background-color: #28283E;
}

#player .player-wplive {
  width: 78px;
  height: 68px;
  top: 10px;
  right: 10px;
  position: absolute;
}

.wp-player {
  background-color: #1e1e2a;
}

.player-not-logged {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 902px;
  height: 507px;
  background-color: #28283E;
  z-index: 200;
}

.player-not-logged .play {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  cursor: pointer;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDEgMTAxIj48cGF0aCBmaWxsLW9wYWNpdHk9Ii4zIiBkPSJNNTAuMiAxMDAuM2MyNy43IDAgNTAuMi0yMi41IDUwLjItNTAuMkMxMDAuMyAyMi41IDc3LjkgMCA1MC4yIDAgMjIuNSAwIDAgMjIuNSAwIDUwLjJjMCAyNy43IDIyLjUgNTAuMSA1MC4yIDUwLjF6Ii8+PHBhdGggb3BhY2l0eT0iLjgiIGZpbGw9IiNGRkYiIGQ9Ik03MS40IDQ5LjlMMzguMiA3NC43bC4xLTQ5LjUgMzMuMSAyNC43eiIvPjwvc3ZnPg==) center center no-repeat;
  opacity: .7;
  -webkit-transition: opacity .22s;
  -o-transition: opacity .22s;
  transition: opacity .22s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.player-not-logged .play:hover {
  opacity: 1;
  -webkit-transition: opacity .22s;
  -o-transition: opacity .22s;
  transition: opacity .22s;
}

#player-ad-blocked .content p {
  width: 100%;
}

#player-ad-blocked .content h2 {
  font-weight: 300;
}

#player-ad-blocked .content .button-important {
  margin-top: 2em;
}

#player-ad-blocked .content .details {
  text-decoration: underline;
  color: #9d9bd4;
  display: block;
  margin-top: 1em;
  font-size: 0.9em;
}

@media (max-width: 767px) {
  #player-generic-board .content .rodo-board {
    display: none;
  }
}

#player-generic-board .content .rodo-board h2 {
  text-align: center;
  margin: 25px 0 0 0;
  color: #9d9bd4;
}

#player-generic-board .content .rodo-board .panel-left,
#player-generic-board .content .rodo-board .panel-right {
  margin: 10% 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 49%;
}

#player-generic-board .content .rodo-board .panel-left .vertical-line,
#player-generic-board .content .rodo-board .panel-right .vertical-line {
  width: 2px;
  height: 30%;
  top: 25%;
  right: 50%;
}

#player-generic-board .content .rodo-board .panel-left .vertical-line-first,
#player-generic-board .content .rodo-board .panel-right .vertical-line-first {
  height: 50%;
}

#player-generic-board .content .rodo-board .panel-left .vertical-line-second,
#player-generic-board .content .rodo-board .panel-right .vertical-line-second {
  height: 100%;
}

#player-generic-board .content .rodo-board .panel-left .button-important,
#player-generic-board .content .rodo-board .panel-right .button-important {
  background-color: #32334c;
  border: #32334c;
  margin: 15px 0 0 0;
  text-transform: none;
  cursor: auto;
}

#player-generic-board .content .rodo-board .panel-left .button-important:hover,
#player-generic-board .content .rodo-board .panel-right .button-important:hover {
  background-color: #32334c;
}

#player-generic-board .content .rodo-board .button-important {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  margin: 0 33%;
  background-color: #fd1e51;
}

@media (min-width: 1366px) {
  #player-generic-board .content .rodo-board .button-important {
    margin-top: 25px;
  }
}

#player-generic-board .content .rodo-board-mobile {
  display: none;
}

@media (max-width: 767px) {
  #player-generic-board .content .rodo-board-mobile {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    position: absolute;
    width: 100%;
  }
}

#player-generic-board .content .rodo-board-mobile h2,
#player-generic-board .content .rodo-board-mobile button {
  color: white;
  font-weight: bold;
  text-align: center;
  width: 40%;
}

@media (max-width: 540px) {
  #player-generic-board .content .rodo-board-mobile h2,
  #player-generic-board .content .rodo-board-mobile button {
    width: 60%;
    font-size: 16px;
  }
}

#player-generic-board .content .rodo-board-mobile .button-important {
  background-color: #fd1e51;
  margin-top: 25px;
}

@media (max-width: 540px) {
  #player-generic-board .content .rodo-board-mobile {
    width: 100%;
    font-size: 12px;
  }
}

#player-generic-board .content .geo-board {
  width: 466px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  #player-generic-board .content .geo-board {
    width: 100%;
  }
}

#player-generic-board .content .geo-board .button-important {
  margin: 1em;
  text-transform: uppercase;
}

#player-generic-board .content .geo-board h2 {
  font-weight: 500;
  color: #fff;
}

#player-generic-board .content p {
  width: 100%;
  font-weight: 300;
  color: #9d9bd4;
}

#player-generic-board .content .button-important:hover {
  border: 0;
}

#player-generic-board .content .details {
  text-decoration: underline;
  color: #9d9bd4;
  margin-top: 1em;
  font-size: 0.9em;
  font-weight: 500;
}

.player-time-left {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 902px;
  height: 100%;
  background-color: #1f1f30;
  z-index: 200;
}

.player-time-left .content {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.player-time-left .content h2 {
  color: #9d9bd4;
  font-size: 28px;
  line-height: normal;
  text-align: center;
  font-weight: 500;
}

.player-time-left .content p {
  width: 75%;
  font-size: 18px;
  line-height: normal;
  text-align: center;
  font-weight: 500;
  margin: 12px auto 28px;
}

.player-time-left .content .button {
  border: none;
  background-color: #444769;
  padding: 9px 41px;
  text-transform: initial;
}

.player-time-left .content .button:hover {
  background-color: #575978;
}

.player-time-left .content .button-important {
  border: none;
  background-color: #444769;
  padding: 9px 41px;
  text-transform: initial;
  border: none;
  background-color: #fd1e51;
}

.player-time-left .content .button-important:hover {
  background-color: #575978;
}

.player-time-left .content .button-important:hover {
  background-color: #fd3462;
}

.player-time-left#player-blackout .content p {
  width: 100%;
  margin: 35px auto 0;
}

.player-time-left#player-blackout .content p:nth-child(3) {
  margin: 0 auto;
}

#channel-list-widget {
  padding: 10px 0 10px 10px;
  position: relative;
  width: 308px;
  height: 100%;
  float: right;
  background-color: #2c2c40;
}

#channel-list-widget:empty {
  display: none;
}

#channel-list-widget .search-container {
  margin-bottom: 14px;
}

#channel-list-widget .search-container input {
  -webkit-appearance: textfield;
  height: auto;
  width: 93%;
  border-radius: 2px;
  background-color: #434667;
  padding: .6em;
  font-size: .9em;
  color: white;
  font-family: 'Baloo Da 2';
  font-weight: 400;
}

#channel-list-widget .search-container input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #9d9bd4;
}

#channel-list-widget .search-container input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9d9bd4;
}

#channel-list-widget .search-container input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9d9bd4;
}

#channel-list-widget .search-container input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9d9bd4;
}

.widgetChannel {
  width: 100%;
  color: #000;
}

.widgetChannel .text {
  padding: 4px 0 14px 0;
  margin: 0 auto;
  text-align: left;
  color: #9d9bd4;
  font-size: 14px;
  font-weight: 700;
}

.widgetChannel .text:after {
  content: ' ONLINE';
}

.filtryKanaly {
  position: relative;
}

.filtryKanaly p {
  display: inline-block;
  width: 70%;
}

.filtryKanaly .dropdown-wrapper {
  min-width: 123px;
  position: absolute;
  top: 0;
  right: 20px;
}

.filtryKanaly .dropdown-wrapper .dropdown {
  display: inline-block;
  width: 100%;
  color: #9d9bd4;
  background-color: #444769;
  border-radius: 61px;
  font-weight: 700;
  font-size: 12px;
  line-height: 11px;
  padding: 7px 16px;
  text-decoration: none;
  position: relative;
}

.filtryKanaly .dropdown-wrapper .dropdown .after {
  content: '';
  display: block;
  background-repeat: no-repeat;
  margin: 1px 0 0 5px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  float: right;
}

.filtryKanaly .dropdown-wrapper .dropdown-active {
  border-radius: 12px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.filtryKanaly .dropdown-wrapper .dropdown-active:after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.widgetSection {
  height: 574px;
  overflow: scroll;
  overflow-x: hidden;
  background-color: #2c2c40;
  -webkit-mask-image: linear-gradient(to top, rgba(44, 44, 64, 0) 0%, #2c2c40 55px);
          mask-image: linear-gradient(to top, rgba(44, 44, 64, 0) 0%, #2c2c40 55px);
}

.widgetSection .channel-icon {
  background-color: #32324d;
  background-repeat: no-repeat;
  border-radius: 2px;
  float: left;
  display: inline-block;
}

.start_listy {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wiersz {
  display: block;
  margin-bottom: 10px;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  cursor: pointer;
}

.wiersz:hover {
  background-color: #35354e;
}

.wiersz:last-child {
  margin-bottom: 0;
}

.wiersz .lockChannelImg {
  float: right;
  display: none;
}

.wiersz.unsubscribed .lockChannelImg,
.wiersz.guest-locked .lockChannelImg {
  display: inline-block;
}

.wiersz a {
  display: block;
  color: #222;
}

.wiersz.selectedChannel {
  background-color: #444769;
  font-weight: 700;
}

.wiersz.selectedChannel a {
  color: #222;
  width: 100%;
}

.wiersz.radius {
  border-radius: 3px;
}

.channelImg {
  width: 78px;
  height: 72px;
  padding: 4px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background-color: #fff;
}

.lockImg {
  position: absolute;
  top: 2px;
  left: 66px;
  display: none;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0;
}

.dodatkowe_info {
  white-space: nowrap;
  position: relative;
  top: 0;
  left: 0;
}

#channel-list-widget .desc {
  height: 72px;
  width: 185px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 14px;
  line-height: 20px;
  padding-top: 7px;
}

#channel-list-widget .name {
  color: #fff;
  opacity: .5;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  overflow: hidden;
}

#channel-list-widget .title {
  color: #fff;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
}

#channel-list-widget .type {
  color: #9d9bd4;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 400;
  text-align: left;
}

.f-dropdown {
  display: none;
  background-color: #444769;
  border: none;
  font-size: 14px;
  height: auto;
  list-style: none;
  margin-left: 0;
  margin-top: -5px;
  max-height: none;
  max-width: 200px;
  outline: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 89;
}

.f-dropdown li a {
  display: block;
  padding: 3px 16px;
  color: #9d9bd4;
  font-size: 12px;
  font-weight: bold;
}

.f-dropdown li a:hover {
  color: #fd1e51;
}

.f-dropdown li i {
  font-size: 12px;
  font-weight: 700;
}

.f-dropdown li i:before {
  margin-right: 3px;
}

.f-dropdown > *:first-child {
  margin-top: 0;
}

.f-dropdown > *:last-child {
  margin-bottom: 0;
}

.share-container {
  width: 100%;
  height: 45px;
  padding: 0 16px;
}

.share-container:after {
  content: '';
  display: block;
  clear: both;
}

#player-share {
  color: #fff;
  width: 902px;
  height: 185px;
  background-color: #28283E;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}

#player-share .title {
  float: left;
  padding: 10px 10px 10px 0;
  text-align: center;
  vertical-align: top;
  font-size: 16px;
  line-height: normal;
  color: #9d9bd4;
  font-weight: 700;
  max-width: 59%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#player-share .lack-epg {
  display: none;
  color: #9d9bd4;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#player-share.board-on {
  background-color: #1f1f30;
}

#player-share .fb-share-button {
  display: inline-block;
  vertical-align: top;
  line-height: 0.5;
  float: right;
  margin-top: 12px;
}

#player-share .twiter-share-button {
  display: inline-block;
  line-height: 1.6;
  vertical-align: top;
  float: right;
  margin: 12px 82px 0 12px;
}

.epg-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.epg-container:before {
  content: '';
  opacity: 0;
  -webkit-transition: opacity 150ms ease-in;
  -o-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in;
}

.epg-container:after {
  content: '';
  height: 50px;
  width: 100%;
  position: relative;
  bottom: 25px;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(45%, #2c2c40), to(transparent));
  background: -o-linear-gradient(bottom, #2c2c40 45%, transparent 100%);
  background: linear-gradient(to top, #2c2c40 45%, transparent 100%);
  z-index: 100;
  opacity: 1;
  -webkit-transition: opacity 150ms ease-in, bottom 150ms ease-in;
  -o-transition: opacity 150ms ease-in, bottom 150ms ease-in;
  transition: opacity 150ms ease-in, bottom 150ms ease-in;
}

.epg-container .epg {
  width: 100%;
}

.epg-container .epg:empty {
  display: none;
}

.epg-container .epg:after {
  content: '';
  display: block;
  clear: both;
}

.epg-container ul {
  float: left;
  width: 92%;
  padding-left: 16px;
  -webkit-transition: -webkit-transform 150ms linear;
  transition: -webkit-transform 150ms linear;
  -o-transition: transform 150ms linear;
  transition: transform 150ms linear;
  transition: transform 150ms linear, -webkit-transform 150ms linear;
}

.epg-container .epg-navigation {
  float: left;
  width: 8%;
  height: 100%;
  padding-right: 16px;
  position: relative;
  top: 22px;
  left: 8px;
}

.epg-container .epg-navigation > i {
  display: block;
  height: 15px;
  width: 100%;
  cursor: pointer;
}

.epg-container .epg-navigation .arrow-up {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyNCAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5JY29ucyAvIEFycm93cyAvIEJpZyAvIFJpZ2h0IC8gMTM2NjwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJXRUIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IldQcGlsb3RfXzEyMTBfU0dfRVBHX3Njcm9sbF92MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzMy4wMDAwMDAsIC04ODAuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxMS4wMDAwMDAsIDgxOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyLjAwMDAwMCwgNjEuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iSWNvbnMtLy1BcnJvd3MtLy1CaWctLy1SaWdodC0vLTEzNjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgNy4zMDg1MTEpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTcuMzA4NTExKSB0cmFuc2xhdGUoNC41MDAwMDAsIC00LjY5MTQ4OSkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC4wNDE3NzQ5LDEyLjUxMTYxOTkgTDE0LjgwODUxMDYsMTEuNzQ0NjgwOSBMMTMuMjc1MDM5MiwxMC4yMTA4MDI4IEw0LjYwMDQxNDQ2LDEuNTMzODc4MDcgTDMuMDY2OTQyOTcsLTUuMDAwNDQ0NWUtMTMgTDUuMDA5MzI2MjllLTEzLDMuMDY3NzU2MTUgTDEuNTMzNDcxNDksNC42MDE2MzQyMiBMOC42NzQ2MjQ2OSwxMS43NDQ2ODA5IEwxLjUzMzQ3MTQ5LDE4Ljg4NzcyNzUgTDUuMDA5MzI2MjllLTEzLDIwLjQyMTYwNTYgTDMuMDY2OTQyOTcsMjMuNDg5MzYxNyBMNC42MDA0MTQ0NiwyMS45NTU0ODM2IEwxMy4yNzUwMzkyLDEzLjI3ODU1ODkgTDE0LjA0MTc3NDksMTIuNTExNjE5OSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 15px;
}

.epg-container .epg-navigation .arrow-up:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyNCAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5JY29ucyAvIEFycm93cyAvIEJpZyAvIFJpZ2h0IC8gMTM2NjwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJXRUIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IldQcGlsb3RfXzEyMTBfU0dfRVBHX3Njcm9sbF92MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzMy4wMDAwMDAsIC04ODAuMDAwMDAwKSIgZmlsbD0iI2ZkMWU1MSI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxMS4wMDAwMDAsIDgxOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyLjAwMDAwMCwgNjEuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iSWNvbnMtLy1BcnJvd3MtLy1CaWctLy1SaWdodC0vLTEzNjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgNy4zMDg1MTEpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTcuMzA4NTExKSB0cmFuc2xhdGUoNC41MDAwMDAsIC00LjY5MTQ4OSkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC4wNDE3NzQ5LDEyLjUxMTYxOTkgTDE0LjgwODUxMDYsMTEuNzQ0NjgwOSBMMTMuMjc1MDM5MiwxMC4yMTA4MDI4IEw0LjYwMDQxNDQ2LDEuNTMzODc4MDcgTDMuMDY2OTQyOTcsLTUuMDAwNDQ0NWUtMTMgTDUuMDA5MzI2MjllLTEzLDMuMDY3NzU2MTUgTDEuNTMzNDcxNDksNC42MDE2MzQyMiBMOC42NzQ2MjQ2OSwxMS43NDQ2ODA5IEwxLjUzMzQ3MTQ5LDE4Ljg4NzcyNzUgTDUuMDA5MzI2MjllLTEzLDIwLjQyMTYwNTYgTDMuMDY2OTQyOTcsMjMuNDg5MzYxNyBMNC42MDA0MTQ0NiwyMS45NTU0ODM2IEwxMy4yNzUwMzkyLDEzLjI3ODU1ODkgTDE0LjA0MTc3NDksMTIuNTExNjE5OSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.epg-container .epg-navigation .arrow-down {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyNCAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5JY29ucyAvIEFycm93cyAvIEJpZyAvIFJpZ2h0IC8gMTM2NjwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJXRUIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IldQcGlsb3RfXzEyMTBfU0dfRVBHX3Njcm9sbF92MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzMy4wMDAwMDAsIC04ODAuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxMS4wMDAwMDAsIDgxOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyLjAwMDAwMCwgNjEuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iSWNvbnMtLy1BcnJvd3MtLy1CaWctLy1SaWdodC0vLTEzNjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgNy4zMDg1MTEpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTcuMzA4NTExKSB0cmFuc2xhdGUoNC41MDAwMDAsIC00LjY5MTQ4OSkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC4wNDE3NzQ5LDEyLjUxMTYxOTkgTDE0LjgwODUxMDYsMTEuNzQ0NjgwOSBMMTMuMjc1MDM5MiwxMC4yMTA4MDI4IEw0LjYwMDQxNDQ2LDEuNTMzODc4MDcgTDMuMDY2OTQyOTcsLTUuMDAwNDQ0NWUtMTMgTDUuMDA5MzI2MjllLTEzLDMuMDY3NzU2MTUgTDEuNTMzNDcxNDksNC42MDE2MzQyMiBMOC42NzQ2MjQ2OSwxMS43NDQ2ODA5IEwxLjUzMzQ3MTQ5LDE4Ljg4NzcyNzUgTDUuMDA5MzI2MjllLTEzLDIwLjQyMTYwNTYgTDMuMDY2OTQyOTcsMjMuNDg5MzYxNyBMNC42MDA0MTQ0NiwyMS45NTU0ODM2IEwxMy4yNzUwMzkyLDEzLjI3ODU1ODkgTDE0LjA0MTc3NDksMTIuNTExNjE5OSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 15px;
  margin-top: 22px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.epg-container .epg-navigation .arrow-down:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyNCAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5JY29ucyAvIEFycm93cyAvIEJpZyAvIFJpZ2h0IC8gMTM2NjwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJXRUIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IldQcGlsb3RfXzEyMTBfU0dfRVBHX3Njcm9sbF92MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzMy4wMDAwMDAsIC04ODAuMDAwMDAwKSIgZmlsbD0iI2ZkMWU1MSI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxMS4wMDAwMDAsIDgxOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyLjAwMDAwMCwgNjEuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iSWNvbnMtLy1BcnJvd3MtLy1CaWctLy1SaWdodC0vLTEzNjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgNy4zMDg1MTEpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTcuMzA4NTExKSB0cmFuc2xhdGUoNC41MDAwMDAsIC00LjY5MTQ4OSkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC4wNDE3NzQ5LDEyLjUxMTYxOTkgTDE0LjgwODUxMDYsMTEuNzQ0NjgwOSBMMTMuMjc1MDM5MiwxMC4yMTA4MDI4IEw0LjYwMDQxNDQ2LDEuNTMzODc4MDcgTDMuMDY2OTQyOTcsLTUuMDAwNDQ0NWUtMTMgTDUuMDA5MzI2MjllLTEzLDMuMDY3NzU2MTUgTDEuNTMzNDcxNDksNC42MDE2MzQyMiBMOC42NzQ2MjQ2OSwxMS43NDQ2ODA5IEwxLjUzMzQ3MTQ5LDE4Ljg4NzcyNzUgTDUuMDA5MzI2MjllLTEzLDIwLjQyMTYwNTYgTDMuMDY2OTQyOTcsMjMuNDg5MzYxNyBMNC42MDA0MTQ0NiwyMS45NTU0ODM2IEwxMy4yNzUwMzkyLDEzLjI3ODU1ODkgTDE0LjA0MTc3NDksMTIuNTExNjE5OSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.epg-container .epg-navigation .arrow-down:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAyNCAxNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5JY29ucyAvIEFycm93cyAvIEJpZyAvIFJpZ2h0IC8gMTM2NjwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJXRUIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IldQcGlsb3RfXzEyMTBfU0dfRVBHX3Njcm9sbF92MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzMy4wMDAwMDAsIC04ODAuMDAwMDAwKSIgZmlsbD0iI2ZkMWU1MSI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxMS4wMDAwMDAsIDgxOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyLjAwMDAwMCwgNjEuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iSWNvbnMtLy1BcnJvd3MtLy1CaWctLy1SaWdodC0vLTEzNjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgNy4zMDg1MTEpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTcuMzA4NTExKSB0cmFuc2xhdGUoNC41MDAwMDAsIC00LjY5MTQ4OSkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC4wNDE3NzQ5LDEyLjUxMTYxOTkgTDE0LjgwODUxMDYsMTEuNzQ0NjgwOSBMMTMuMjc1MDM5MiwxMC4yMTA4MDI4IEw0LjYwMDQxNDQ2LDEuNTMzODc4MDcgTDMuMDY2OTQyOTcsLTUuMDAwNDQ0NWUtMTMgTDUuMDA5MzI2MjllLTEzLDMuMDY3NzU2MTUgTDEuNTMzNDcxNDksNC42MDE2MzQyMiBMOC42NzQ2MjQ2OSwxMS43NDQ2ODA5IEwxLjUzMzQ3MTQ5LDE4Ljg4NzcyNzUgTDUuMDA5MzI2MjllLTEzLDIwLjQyMTYwNTYgTDMuMDY2OTQyOTcsMjMuNDg5MzYxNyBMNC42MDA0MTQ0NiwyMS45NTU0ODM2IEwxMy4yNzUwMzkyLDEzLjI3ODU1ODkgTDE0LjA0MTc3NDksMTIuNTExNjE5OSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.epg-container .epg-element {
  display: block;
  border-bottom: 1px solid #32324d;
  font-weight: 700;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
}

.epg-container .epg-element span {
  vertical-align: initial;
  padding: 0;
}

.epg-container .epg-element .time {
  display: inline-block;
  vertical-align: top;
  width: 140px;
}

.epg-container .epg-element .epg-title {
  display: inline-block;
  vertical-align: top;
  max-width: 470px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.epg-container .epg-element .type {
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  color: #9d9bd4;
}

.epg-container .epg-element .active-program:before {
  content: 'TRWA';
  display: inline-block;
  width: 45px;
  height: 21px;
  line-height: 21px;
  background-color: #fd1e51;
  font-size: 12px;
  font-weight: 400;
  margin-right: 8px;
  text-align: center;
  padding-top: 1px;
  vertical-align: baseline;
}

.mask-to-top:before {
  content: '';
  height: 50px;
  width: 100%;
  position: absolute;
  top: -25px;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #2c2c40), to(transparent));
  background: -o-linear-gradient(#2c2c40 45%, transparent 100%);
  background: linear-gradient(#2c2c40 45%, transparent 100%);
  z-index: 100;
  opacity: 1;
  -webkit-transition: opacity 150ms ease-in;
  -o-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in;
}

.mask-to-top:after {
  bottom: 40px;
  -webkit-transition: bottom 150ms ease-in;
  -o-transition: bottom 150ms ease-in;
  transition: bottom 150ms ease-in;
}

@media screen and (max-width: 1366px) {
  .row #player {
    width: 725px;
    height: 411px;
  }

  .row .player-time-left {
    width: 725px;
  }

  .player-not-logged {
    width: 725px;
    height: 411px;
  }

  .row #channel-list-widget {
    width: 249px;
  }

  .row #channel-list-widget .desc {
    width: 135px;
    font-size: 12px;
  }

  .row #player-share {
    width: 725px;
    height: 175px;
  }

  .widgetSection {
    height: 482px;
  }

  .widgetChannel .text:after {
    content: '';
  }

  .epg-container .epg-element .epg-title {
    max-width: 330px;
  }
}

@media screen and (max-width: 767px) {
  .player-time-left .content .button {
    width: 100%;
    margin-bottom: 5px;
  }

  .player-time-left#player-blackout {
    top: 16%;
  }

  .player-time-left#player-blackout .content {
    -webkit-transform: translate(-50%, -72%);
        -ms-transform: translate(-50%, -72%);
            transform: translate(-50%, -72%);
  }

  .player-time-left#player-blackout .content h2 {
    display: none;
  }

  .player-time-left#player-blackout .content p {
    width: 75%;
    font-size: 14px;
  }

  .player-not-logged .play {
    height: 25%;
    -webkit-transform: translate(-50%, -50%);
  }

  .wp-player {
    max-height: 100vh;
    max-width: 97vw;
  }

  .row.error #player {
    display: none !important;
  }

  .row #player,
  .row .player-not-logged,
  .row .player-time-left {
    width: 100%;
    height: auto;
    max-height: 100vh;
  }

  #player-ad-blocked {
    height: 54vw;
  }

  #player-ad-blocked .content {
    width: 100%;
    top: 45%;
  }

  #player-ad-blocked h2 {
    font-size: 25px;
  }

  #player-ad-blocked p {
    font-size: 14px;
  }

  #player-ad-blocked .button-important {
    max-width: 250px;
  }

  #player-generic-board {
    height: 53.8vw;
  }

  #player-generic-board .content {
    width: 100%;
    top: 45%;
  }

  #player-generic-board h2 {
    font-size: 25px;
  }

  #player-generic-board p {
    font-size: 14px;
    margin-bottom: 0;
  }

  #player-generic-board .button-important {
    max-width: 270px;
  }

  .row #channel-list-widget {
    max-height: 90%;
    width: 100%;
  }

  .row #channel-list-widget .desc {
    font-size: 14px;
    width: auto;
    max-width: 65%;
  }

  .row #channel-list-widget input {
    font-size: 13px;
    height: 32px;
  }

  .row #player-share {
    height: auto;
    width: 100%;
  }

  .row #player-share .twiter-share-button {
    margin: 12px;
  }

  .row #player-share .lack-epg {
    margin-bottom: 10px;
    position: static;
    text-align: center;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }

  .row #player-share .title {
    display: block;
    float: none;
    text-align: left;
    max-width: 100%;
  }

  .epg-container {
    max-height: 156px;
  }

  .epg-container ul {
    float: none;
  }

  .epg-container .epg-element .time {
    float: left;
    font-size: 14px;
    width: 35%;
  }

  .epg-container .epg-element .epg-title {
    float: left;
    font-size: 15px;
    line-height: 26px;
    margin-top: 3px;
    width: 65%;
  }

  .epg-container .epg-element .type {
    float: left;
    font-size: 12px;
    line-height: 15px;
    margin-left: 0;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    width: 65%;
  }

  .epg-container .epg-element .active-program:before {
    font-size: 9px;
    height: 16px;
    line-height: 16px;
    width: 30px;
  }

  .epg-container .epg-navigation {
    height: 100px;
    padding-right: 8px;
    position: absolute;
    left: auto;
    right: 8px;
  }

  .epg-container .epg-navigation > i {
    height: 20px;
  }

  .epg-container .epg-navigation .arrow-down {
    margin-top: 60px;
  }

  .f-dropdown li a {
    padding: 6px 16px;
  }

  .widgetSection {
    height: 450px;
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 440px) and (orientation: portrait) and (orientation: portrait) {
  .wp-player {
    max-height: 100%;
    max-width: 100%;
  }

  #player,
  .player-not-logged,
  .player-time-left {
    max-height: 35vh;
    max-width: 100%;
  }

  .player-not-logged .play {
    -webkit-transform: translate(-50%, -50%);
  }

  #player-ad-blocked .content h2 {
    font-size: 5vw;
  }

  #player-ad-blocked .content p {
    font-size: 3vw;
  }

  #player-ad-blocked .content .button-important {
    margin: 0;
    border-radius: 0;
  }

  #player-generic-board {
    height: 52.3vw;
  }

  #player-generic-board .content h2 {
    font-size: 5vw;
  }

  #player-generic-board .content p {
    font-size: 3vw;
  }
}

@media screen and (max-width: 320px) {
  .epg-container .epg-element .time {
    font-size: 13px;
    margin-left: -4px;
    margin-right: 4px;
  }

  .epg-container .epg-element .epg-title {
    font-size: 14px;
  }

  .widgetSection .channel-icon {
    width: 74px;
  }

  .epg-container .epg-navigation {
    right: -2px;
  }
}

#player-time-left {
  display: none;
  background-color: #28283E;
  width: 100%;
  height: 100%;
  min-height: 320px;
}

#player-time-left:not(:empty) + .wp-player {
  display: none;
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

#toaster-div #subscriptions-link {
  cursor: pointer;
}

.section-profile .settings-form {
  width: 43%;
}

.section-profile .settings-form input:not(.button-important) {
  display: block;
  height: 36px;
  line-height: 36px;
  width: 100%;
  font-size: 16px;
  padding: 0 12px;
  margin-bottom: 10px;
  font-weight: 500;
}

.section-profile .settings-form input#email {
  background-color: #b1b1b1;
}

.section-profile .settings-form label {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

@media screen and (max-width: 767px) {
  .section-profile .settings-form label {
    font-size: 16px;
    line-height: 24px;
  }
}

.section-profile .settings-form .button-important {
  margin-top: 10px;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 767px) {
  .section-profile .settings-form .button-important {
    line-height: 24px;
  }
}

.section-profile .settings-form .message-box .error {
  margin: 0;
}

.section-password .settings-form {
  width: 43%;
}

.section-password .settings-form input:not(.button-important) {
  display: block;
  height: 36px;
  line-height: 36px;
  width: 100%;
  font-size: 16px;
  padding: 0 12px;
  margin-bottom: 10px;
  font-weight: 500;
}

.section-password .settings-form input#email {
  background-color: #b1b1b1;
}

.section-password .settings-form label {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

@media screen and (max-width: 767px) {
  .section-password .settings-form label {
    font-size: 16px;
    line-height: 24px;
  }
}

.section-password .settings-form .button-important {
  margin-top: 10px;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 767px) {
  .section-password .settings-form .button-important {
    line-height: 24px;
  }
}

.section-password .settings-form .message-box .error {
  margin: 0;
}

.section-password .info {
  color: #9d9bd4;
}

.section-geolocation .geo-about {
  margin: 20px auto;
}

.section-geolocation .geo-about-status {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

@media screen and (max-width: 767px) {
  .section-geolocation .geo-about-status {
    font-size: 16px;
    line-height: 24px;
  }
}

.section-geolocation .geo-about-reason span {
  font-weight: 600;
}

.section-geolocation .geo-about-info {
  color: #9d9bd4;
  margin-top: 20px;
  font-size: 12px;
}

.section-remove-acc .button-important {
  margin-top: 25px;
  text-transform: capitalize;
}

.section-remove-acc #delete-account-modal span {
  overflow-wrap: break-word;
}

@media screen and (max-width: 767px) {
  .delete-modal {
    width: 96%;
  }
}

.delete-modal .container {
  padding: 60px 20px;
}

.delete-modal-heading {
  margin: 0 0 30px;
  font-size: 24px;
  color: #9d9bd4;
}

.delete-modal-heading span {
  color: white;
  font-size: 20px;
}

.delete-modal-message .button-important {
  margin-top: 25px;
}

/* border even if there is no data*/

.section-settings h2 {
  color: #9d9bd4;
}

.section-settings thead {
  border-bottom: 1px solid #28283e;
}

.section-settings .button-important {
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 767px) {
  .section-settings .button-important {
    line-height: 24px;
  }
}

.section-subscriptions,
.section-payments,
.section-espago-payments {
  display: inline-block;
  width: 100%;
}

.section-subscriptions table,
.section-payments table,
.section-espago-payments table {
  width: 100%;
}

.section-espago-payments {
  padding-bottom: 30px;
}

.pagination-container {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pagination-centered {
  margin-top: 29px;
  text-align: center;
}

.pagination-centered .pagination li {
  display: inline-block;
  vertical-align: top;
}

.pagination-centered .pagination li a {
  display: inline-block;
  padding: 5px 14px;
  color: #9d9bd4;
  border: 1px solid #32324d;
}

.pagination-centered .pagination form {
  display: inline-block;
  vertical-align: top;
}

.pagination-centered .pagination .current a {
  background-color: #32324d;
}

@media screen and (max-width: 767px) {
  .section-profile .settings-form,
  .section-geolocation .settings-form {
    width: 100%;
  }

  .section-profile .button-important,
  .section-geolocation .button-important {
    width: 100%;
  }

  .settings-section,
  .section-mailing,
  .section-password,
  .section-remove-acc,
  .section-mailing {
    padding: 0;
  }

  .settings-section .settings-form,
  .section-mailing .settings-form,
  .section-password .settings-form,
  .section-remove-acc .settings-form,
  .section-mailing .settings-form {
    width: 100%;
  }

  .settings-section .button-important,
  .section-mailing .button-important,
  .section-password .button-important,
  .section-remove-acc .button-important,
  .section-mailing .button-important {
    width: 100%;
  }

  .settings-section .modal .container,
  .section-mailing .modal .container,
  .section-password .modal .container,
  .section-remove-acc .modal .container,
  .section-mailing .modal .container {
    width: 96%;
    padding: 60px 20px;
  }

  .settings-section h1,
  .settings-section h2,
  .section-mailing h1,
  .section-mailing h2,
  .section-password h1,
  .section-password h2,
  .section-remove-acc h1,
  .section-remove-acc h2,
  .section-mailing h1,
  .section-mailing h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin: 20px 0 10px;
  }

  .section-espago-payments .loader {
    top: -23px;
  }
}

/*colors*/

/* payment-methods */

.table-action {
  padding: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Baloo Da 2', sans-serif;
  letter-spacing: 0.51;
  text-transform: uppercase;
  background: none;
  border: none;
  cursor: pointer;
}

.desktop-wrapper {
  display: block;
}

@media (max-width: 767px) {
  .desktop-wrapper {
    display: none;
  }
}

.desktop-wrapper .table-action.subscription-cancel {
  color: #fd1e51;
}

.desktop-wrapper .table-action.renew-package {
  color: #99db51;
}

.mobile-wrapper {
  display: none;
}

@media (max-width: 767px) {
  .mobile-wrapper {
    display: block;
  }
}

.mobile-subscription-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 18px;
  border-bottom: 1px solid #28283E;
}

.mobile-subscription-row table {
  width: 100%;
  border-collapse: collapse;
  line-height: normal;
  margin-bottom: 30px;
}

.mobile-subscription-row table tbody tr {
  font-size: 12px;
  height: 28px;
}

.mobile-subscription-row table tbody tr th {
  color: #9d9bd4;
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
}

.mobile-subscription-row table tbody tr td {
  text-align: right;
  font-weight: 400;
}

.mobile-subscription-row .nowrap {
  white-space: nowrap;
}

.mobile-subscription-row h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 14px 0 10px;
}

.mobile-subscription-row .table-action {
  font-size: 12px;
}

.mobile-subscription-row .table-action.subscription-cancel {
  color: #fd1e51;
}

.mobile-subscription-row .table-action.renew-package {
  color: #99db51;
}

/*colors*/

/* payment-methods */

.table {
  border-collapse: collapse;
  line-height: normal;
}

.table thead tr th {
  text-align: left;
  font-weight: 700;
  padding: 10px 70px 10px 0;
}

.table thead tr th:last-of-type {
  padding-right: 0;
}

.table tbody tr td {
  font-weight: 500;
  padding: 10px 70px 10px 0;
  border-top: 1px solid #28283e;
}

.table tbody tr td:last-of-type {
  text-align: right;
  padding-right: 0;
}

.table tbody tr:last-of-type td {
  border-bottom: 1px solid #28283e;
}

.table tbody tr .payment-description,
.table tbody tr .subscription-name,
.table tbody tr .payment-status-completed {
  color: #9d9bd4;
}

.table tbody tr .payment-description a,
.table tbody tr .subscription-name a,
.table tbody tr .payment-status-completed a {
  color: inherit;
}

.table tbody tr .payment-description a:hover,
.table tbody tr .subscription-name a:hover,
.table tbody tr .payment-status-completed a:hover {
  color: #fd1e51;
}

.table tbody tr .payment-description__price {
  white-space: nowrap;
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

@media screen and (max-width: 767px) {
  iframe,
  iframe > iframe {
    max-width: 100%;
  }

  .top-section * {
    max-width: 100%;
  }

  .section-top1 *,
  .section-top2 *,
  .section-top3 * {
    max-width: 100%;
  }
}

.slider-channels h2 {
  color: #9d9bd4;
}

.programs-wrapper {
  margin-top: 17px;
}

.programs-wrapper .actual-program {
  float: left;
  width: 18%;
  position: relative;
}

.programs-wrapper .actual-program .channel-img-container {
  width: 100%;
  background-color: #32324d;
  border-radius: 2px;
  position: relative;
}

.programs-wrapper .actual-program .channel-img-container .channel_img_div {
  text-align: center;
}

.programs-wrapper .actual-program .channel-img-container .channel_img_div .channel-icon {
  display: inline-block;
  width: 72px;
  height: 72px;
  margin: 0;
  border-radius: 2px;
  background-color: #32324d;
}

.programs-wrapper .actual-program .channel-img-container .lock_img {
  position: absolute;
  top: 9px;
  right: 9px;
}

.programs-wrapper .actual-program .channel-img-container:after {
  content: '';
  position: absolute;
  right: -4px;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #32324d;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.programs-wrapper .actual-program .channel-information {
  padding: 16px 16px 0;
}

.programs-wrapper .actual-program .channel-information p {
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.programs-wrapper .actual-program .channel-information .duration-infomation {
  color: #fd1e51;
  font-weight: 500;
  text-transform: uppercase;
}

.programs-wrapper .actual-program .channel-information .title {
  color: #fff;
  font-weight: 700;
}

.programs-wrapper .actual-program .channel-information .type {
  color: #9d9bd4;
}

.programs-wrapper .actual-program .button-container {
  text-align: center;
  margin: .5em 0;
}

.programs-wrapper .actual-program .overlay {
  background-color: #313131;
  opacity: 0.3;
  height: 30px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.programs-wrapper .custom-slider-wrapper {
  width: 82%;
  overflow: hidden;
}

.programs-wrapper .custom-slider-wrapper .row__inner {
  -webkit-transition: 450ms -webkit-transform;
  transition: 450ms -webkit-transform;
  -o-transition: 450ms transform;
  transition: 450ms transform;
  transition: 450ms transform, 450ms -webkit-transform;
  white-space: normal;
  width: 258%;
  left: 0;
  margin: 0;
}

.programs-wrapper .custom-slider-wrapper .tile {
  display: inline-block;
  width: 12%;
  line-height: 20px;
  margin-left: 20px;
  vertical-align: top;
  overflow: hidden;
}

.programs-wrapper .custom-slider-wrapper .tile a {
  color: #FFFFFF;
}

.programs-wrapper .custom-slider-wrapper .tile a.link {
  padding-left: 1px;
}

.programs-wrapper .custom-slider-wrapper .tile__img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.programs-wrapper .custom-slider-wrapper .tile__details {
  padding: 14px 7px;
  background-color: #28283e;
  -webkit-transition: background-color .25s ease-in-out;
  -o-transition: background-color .25s ease-in-out;
  transition: background-color .25s ease-in-out;
  cursor: pointer;
}

.programs-wrapper .custom-slider-wrapper .tile__details:hover {
  background-color: #32324D;
}

.programs-wrapper .custom-slider-wrapper .tile__details:after {
  content: '';
  display: block;
  clear: both;
}

.programs-wrapper .custom-slider-wrapper .tile__time {
  float: left;
  width: 50px;
  text-align: center;
  color: #fd1e51;
  margin-right: 6px;
}

.programs-wrapper .custom-slider-wrapper .tile__time .counter {
  margin-bottom: 4px;
}

.programs-wrapper .custom-slider-wrapper .tile__title {
  margin-left: 50px;
  font-weight: 700;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.programs-wrapper .custom-slider-wrapper .tile__type {
  color: #9d9bd4;
  font-weight: 300;
  margin-left: 50px;
}

.programs-wrapper:after {
  content: '';
  display: block;
  clear: both;
}

.program-details-modal {
  cursor: initial;
}

.program-details-modal .container {
  width: 510px;
}

.program-details-modal .media {
  margin-bottom: 24px;
}

.program-details-modal .media .image {
  width: 390px;
  height: 190px;
}

.program-details-modal .text_container .emission_details {
  color: #fd1e51;
  margin-bottom: 18px;
}

.program-details-modal .text_container .emission_details span {
  font-weight: 500;
}

.program-details-modal .text_container .title {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 35px;
}

.program-details-modal .text_container .type {
  color: #9d9bd4;
  margin-bottom: 18px;
}

.program-details-modal .text_container .desc {
  color: #9d9bd4;
  line-height: 22px;
  font-weight: 500;
}

@media screen and (max-width: 1366px) {
  .program-details-modal .media {
    margin-bottom: 14px;
  }

  .program-details-modal .text_container .title {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 4px;
  }

  .program-details-modal .text_container .type {
    margin-bottom: 10px;
  }

  .program-details-modal .text_container .emission_details {
    margin-bottom: 6px;
  }

  .program-details-modal .media .image {
    height: auto;
  }

  .programs-wrapper .actual-program .channel-information {
    padding: 9px 0 0;
  }

  .programs-wrapper .actual-program .button {
    margin: 10px 0 0;
  }

  .programs-wrapper .custom-slider-wrapper .row__inner {
    width: 258%;
  }

  .programs-wrapper .custom-slider-wrapper .tile {
    line-height: 18px;
    margin-left: 16px;
  }
}

@media screen and (max-width: 767px) {
  .program-details-modal .container {
    padding: 60px 20px;
    width: 100%;
    text-align: center;
  }

  .program-details-modal .text_container .desc {
    text-align: justify;
  }

  .programs-wrapper {
    border-bottom: 1px solid #5a5a69;
    padding-bottom: 16px;
  }

  .programs-wrapper .actual-program,
  .programs-wrapper .custom-slider-wrapper {
    width: 100%;
  }

  .programs-wrapper .actual-program {
    margin-bottom: 16px;
  }

  .programs-wrapper .actual-program .channel-img-container {
    width: 30%;
  }

  .programs-wrapper .actual-program .channel-img-container:after {
    border: 5px solid transparent;
    border-top: 5px solid #32324d;
    top: auto;
    right: 50%;
    bottom: -10px;
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
  }

  .programs-wrapper .actual-program .button-container {
    text-align: left;
  }

  .programs-wrapper .custom-slider-wrapper .tile {
    margin-right: .75%;
    margin-left: 0;
  }

  .programs-wrapper .custom-slider-wrapper .tile__details {
    padding-bottom: 4px;
  }

  .programs-wrapper .custom-slider-wrapper .tile__time {
    text-align: left;
    width: 100%;
  }

  .programs-wrapper .custom-slider-wrapper .counter,
  .programs-wrapper .custom-slider-wrapper p {
    display: inline;
    text-align: left;
  }

  .programs-wrapper .custom-slider-wrapper .tile__title {
    clear: both;
    font-weight: 400;
    margin-left: 0;
  }

  .programs-wrapper .custom-slider-wrapper .tile__type {
    height: 36px;
    margin-left: 0;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

.register-page .section {
  width: 52%;
  margin: 24px auto;
  padding: 30px 40px;
  background-color: #28283E;
}

@media (max-width: 767px) {
  .register-page .section {
    width: 100%;
    padding: 20px 10px;
    max-width: 500px;
  }
}

.register-page .section h1,
.register-page .section h2 {
  text-align: center;
  margin-bottom: 20px;
  line-height: 32px;
}

.register input.invalid {
  border: 2px solid red;
}

.register input.valid {
  border: 2px solid green;
}

header .register {
  margin: 0 auto;
  background-color: inherit;
}

.form-container .short-email,
.form-container .short-password {
  float: right;
  display: none;
  margin-top: -10px;
  font-size: 11px;
}

.form-container .registration-form .label-checkbox {
  margin: 30px 0;
}

.form-container .registration-form .label-checkbox a {
  text-transform: lowercase;
}

.form-container .registration-form .button-important {
  display: block;
  background-color: #fd1e51;
  height: 52px;
  width: 100%;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  margin-top: 12px;
  -webkit-transition: background-color .1s ease-in-out;
  -o-transition: background-color .1s ease-in-out;
  transition: background-color .1s ease-in-out;
  -webkit-appearance: none;
}

.form-container .registration-form .button-important:hover {
  background-color: #fd3462;
}

.form-container .registration-form .button-fb {
  height: 42px;
  width: 100%;
  font-size: 12px;
  line-height: 42px;
  padding: 0;
  text-align: center;
  text-transform: none;
  border: none;
}

.form-container .registration-form .button-fb:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 26px;
  vertical-align: middle;
  margin-right: 3px;
  background: url(data:image/svg+xml,%3Csvg%20class%3D%22svg-fb-icon%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2213%22%20height%3D%2226%22%20viewBox%3D%220%200%2013%2026%22%20version%3D%221.1%22%3E%3Cg%20class%3D%22svg-fb-group%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill-rule%3D%22nonzero%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M12.186%208.319L8.036%208.319%208.036%205.652C8.036%204.651%208.713%204.417%209.191%204.417L12.119%204.417%2012.119%200.015%208.086%200C3.608%200%202.589%203.283%202.589%205.384L2.589%208.319%200%208.319%200%2012.855%202.589%2012.855%202.589%2025.69%208.036%2025.69%208.036%2012.855%2011.711%2012.855%2012.186%208.319Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E) center center no-repeat;
}

.form-container .registration-form #facebook-login-button.blocked {
  opacity: 0.5;
  color: #adadad;
}

.form-container .registration-form #facebook-login-button.blocked:hover {
  cursor: not-allowed;
}

.form-container .registration-form .button-wp {
  height: 42px;
  width: 100%;
  font-size: 12px;
  line-height: 42px;
  padding: 0;
  text-align: center;
  text-transform: none;
  border: none;
}

.form-container .registration-form .button-wp:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 26px;
  vertical-align: middle;
  margin-right: 3px;
  background: url(data:image/svg+xml,%3Csvg%20class%3D%22svg-fb-icon%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2213%22%20height%3D%2226%22%20viewBox%3D%220%200%2013%2026%22%20version%3D%221.1%22%3E%3Cg%20class%3D%22svg-fb-group%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill-rule%3D%22nonzero%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M12.186%208.319L8.036%208.319%208.036%205.652C8.036%204.651%208.713%204.417%209.191%204.417L12.119%204.417%2012.119%200.015%208.086%200C3.608%200%202.589%203.283%202.589%205.384L2.589%208.319%200%208.319%200%2012.855%202.589%2012.855%202.589%2025.69%208.036%2025.69%208.036%2012.855%2011.711%2012.855%2012.186%208.319Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E) center center no-repeat;
}

.form-container .registration-form .button-wp:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 42px;
  vertical-align: middle;
  background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnX21haWxfaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjQwIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgNDAgMTkiIHZlcnNpb249IjEuMSI+PGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGRkZGIj48cGF0aCBkPSJNMi44MzYgMTMuNzM3TDcuMDQzIDkuMjE4IDguNTk3IDEwLjEyMkM4LjY1NCAxMC4xNTUgOC43MTcgMTAuMTcyIDguNzggMTAuMTcyIDguODcyIDEwLjE3MiA4Ljk2MiAxMC4xMzcgOS4wMzIgMTAuMDcxTDEwLjEyNyA5LjAyNUMxMC4yODUgOS41NCAxMC40NDQgMTAuMDU2IDEwLjYwMSAxMC41NzIgMTAuNzM4IDExLjAyMiAxMC44NzMgMTEuNDczIDExLjAxIDExLjkyMyAxMS4wNDEgMTIuMDI1IDExLjA3MyAxMi4xMjcgMTEuMTA0IDEyLjIyOEwyLjgzNiAxMy43MzdaTTEuNDk2IDUuMTQ2TDguNjczIDQuMzIxQzguNzk0IDQuNzAzIDguOTE3IDUuMDg0IDkuMDM2IDUuNDY2IDkuMjI4IDYuMDg3IDkuNDE2IDYuNzEgOS42MDYgNy4zMzIgOS43IDcuNjM2IDkuNzkzIDcuOTQxIDkuODg3IDguMjQ1TDguNzI3IDkuMzU0IDEuNDk2IDUuMTQ2Wk0yLjA2NSAxMy40OTVMMC44NDEgNS42MDkgNi4zOTcgOC44NDIgMi4wNjUgMTMuNDk1Wk0zOS45MzYgNS44NjZDMzkuODY5IDUuNDMgMzkuNzc2IDUuMDAxIDM5LjYxMiA0LjU5MiAzOS4wNjUgMy4yMzMgMzguMDc0IDIuMzk5IDM2LjYzNyAyLjEwNiAzNi4zODcgMi4wNTUgMzYuMTI4IDIuMDQgMzUuODczIDIuMDE2IDM1LjQ2OCAxLjk3NyAzNS4wNjIgMS45NDQgMzQuNjU3IDEuOTExIDM0LjI2OSAxLjg4IDMzLjg4MSAxLjg1MSAzMy40OTIgMS44MiAzMy4xOSAxLjc5NiAzMi44ODcgMS43NzIgMzIuNTg0IDEuNzQ3IDMyLjI5IDEuNzIyIDMxLjk5NSAxLjcwMyAzMS43MDIgMS42NzIgMzEuMDgzIDEuNjA1IDMwLjM0NCAxLjkxNCAzMC4wNzQgMi42NjIgMjkuOTkzIDIuODg2IDI5Ljk1NSAzLjExNyAyOS45MzMgMy4zNTIgMjkuODc1IDMuOTYxIDI5LjgxNSA0LjU3IDI5Ljc1NSA1LjE3OSAyOS42OTEgNS44MjYgMjkuNjI0IDYuNDczIDI5LjU2MSA3LjEyIDI5LjUwOSA3LjY2MSAyOS40NTkgOC4yMDIgMjkuNDEzIDguNzQ0IDI5LjM1NiA5LjQyMiAyOS4zMDIgMTAuMSAyOS4yNSAxMC43NzkgMjkuMiAxMS40MjcgMjkuMTU1IDEyLjA3NiAyOS4xMDYgMTIuNzI1IDI5LjA5NyAxMi44NCAyOS4wODYgMTIuOTU1IDI5LjA3IDEzLjA3IDI5LjA1NiAxMy4xNjcgMjkuMDExIDEzLjIxOSAyOC45NDUgMTMuMjI4IDI4LjgzNiAxMy4yNDMgMjguNzM5IDEzLjE4MSAyOC43MTIgMTMuMDc0IDI4LjY4OSAxMi45ODIgMjguNjczIDEyLjg4OSAyOC42NTUgMTIuNzk3IDI4LjM4OCAxMS40NDEgMjguMTIzIDEwLjA4NSAyNy44NTUgOC43MjkgMjcuNjEgNy40OTEgMjcuMzYzIDYuMjUzIDI3LjExNCA1LjAxNiAyNy4wMDIgNC40NjEgMjYuODUgMy45MTcgMjYuNTkyIDMuNDEgMjYuMTk4IDIuNjMyIDI1LjYzOSAyLjAwNyAyNC44NTMgMS42MTYgMjMuNzIxIDEuMDUzIDIyLjUzNSAwLjk0NSAyMS4zMTcgMS4yNjkgMjAuNjczIDEuNDQxIDIwLjEzIDEuNzg5IDE5LjcwNiAyLjMxMyAxOS40MDMgMi42ODggMTkuMTkzIDMuMTExIDE5LjA0NyAzLjU2NyAxOC44ODMgNC4wOCAxOC44MTkgNC42MTEgMTguNzY4IDUuMTQ0IDE4LjcwMiA1Ljg0MyAxOC42NDIgNi41NDIgMTguNTc4IDcuMjQxIDE4LjQ5NiA4LjE0MSAxOC40MTMgOS4wNCAxOC4zMyA5LjkzOSAxOC4yNjUgMTAuNjUxIDE4LjIgMTEuMzYyIDE4LjEzNSAxMi4wNzQgMTguMDggMTIuNjU4IDE4LjAyNCAxMy4yNDEgMTcuOTY5IDEzLjgyNSAxNy45NSAxNC4wMzQgMTcuOTM0IDE0LjI0MyAxNy45MTEgMTQuNDUxIDE3Ljg5NSAxNC42IDE3LjgzNCAxNC42NiAxNy42OTcgMTQuNjgyIDE3LjUzIDE0LjcwOCAxNy40MTggMTQuNjM2IDE3LjM3NCAxNC40NjQgMTcuMzI5IDE0LjI4NiAxNy4yOTIgMTQuMTA2IDE3LjI1MSAxMy45MjYgMTcuMTE3IDEzLjM0MiAxNi45ODcgMTIuNzU3IDE2Ljg0OCAxMi4xNzQgMTYuNzA3IDExLjU3OSAxNi41NTkgMTAuOTg1IDE2LjQxMSAxMC4zOTEgMTYuMjA3IDkuNTY5IDE2LjAwMyA4Ljc0NiAxNS43OTQgNy45MjUgMTUuNjIzIDcuMjU0IDE1LjQ0NCA2LjU4NCAxNS4yNjggNS45MTMgMTUuMDkzIDUuMjUxIDE0LjkxNyA0LjU5IDE0Ljc0MSAzLjkyOCAxNC42MTggMy40NjEgMTQuNDkxIDIuOTk0IDE0LjM3MSAyLjUyNSAxNC4yMTMgMS45MDUgMTMuOTAxIDEuMzgyIDEzLjQwNyAwLjk3IDEyLjgxOCAwLjQ3OSAxMi4xNDYgMC4xNjggMTEuMzg5IDAuMDUgMTAuNTA0LTAuMDg4IDkuNjc1IDAuMDU0IDguOTI3IDAuNTY3IDguNTY1IDAuODE1IDguMjk1IDEuMTM5IDguMTY0IDEuNTY4IDguMDY3IDEuODg4IDguMDYyIDIuMjE0IDguMTQ0IDIuNTMyIDguMjM3IDIuODk0IDguMzQ1IDMuMjUzIDguNDU0IDMuNjEyTDAuMzIyIDQuNTQ2QzAuMzE0IDQuNTQ3IDAuMzA3IDQuNTUgMC4yOTkgNC41NTEgMC4yODYgNC41NTQgMC4yNzMgNC41NTYgMC4yNTkgNC41NiAwLjI0OSA0LjU2MyAwLjI0IDQuNTY3IDAuMjMgNC41NzEgMC4yMTcgNC41NzYgMC4yMDUgNC41ODEgMC4xOTMgNC41ODcgMC4xODQgNC41OTIgMC4xNzUgNC41OTggMC4xNjYgNC42MDMgMC4xNTUgNC42MTEgMC4xNDQgNC42MTggMC4xMzQgNC42MjcgMC4xMjUgNC42MzMgMC4xMTcgNC42NDEgMC4xMDkgNC42NDkgMC4xIDQuNjU4IDAuMDkxIDQuNjY3IDAuMDgzIDQuNjc3IDAuMDggNC42ODEgMC4wNzYgNC42ODQgMC4wNzMgNC42ODcgMC4wNjkgNC42OTQgMC4wNjYgNC43MDEgMC4wNjEgNC43MDcgMC4wNTcgNC43MTMgMC4wNTIgNC43MTkgMC4wNDggNC43MjUgMC4wNDYgNC43MjkgMC4wNDUgNC43MzQgMC4wNDIgNC43MzggMC4wMzYgNC43NDkgMC4wMzIgNC43NiAwLjAyNyA0Ljc3MiAwLjAyMiA0Ljc4MyAwLjAxOCA0Ljc5NSAwLjAxNCA0LjgwNyAwLjAxMSA0LjgxNyAwLjAwOSA0LjgyOCAwLjAwNyA0LjgzOSAwLjAwNCA0Ljg1MiAwLjAwMiA0Ljg2NSAwLjAwMSA0Ljg3OCAwIDQuODg5IDAgNC44OTkgMCA0LjkxIDAgNC45MjMgMC4wMDEgNC45MzYgMC4wMDIgNC45NSAwLjAwMyA0Ljk1NSAwLjAwMiA0Ljk1OSAwLjAwMyA0Ljk2NEwxLjQ1OSAxNC4zNDlDMS40NiAxNC4zNTMgMS40NjEgMTQuMzU3IDEuNDYyIDE0LjM2MSAxLjQ2NSAxNC4zNzQgMS40NjggMTQuMzg3IDEuNDcyIDE0LjM5OSAxLjQ3NSAxNC40MSAxLjQ3OCAxNC40MiAxLjQ4MiAxNC40MyAxLjQ4NyAxNC40NDIgMS40OTMgMTQuNDUzIDEuNDk5IDE0LjQ2NSAxLjUwNSAxNC40NzUgMS41MSAxNC40ODQgMS41MTYgMTQuNDk0IDEuNTIzIDE0LjUwNCAxLjUzMSAxNC41MTMgMS41MzggMTQuNTIzIDEuNTQ2IDE0LjUzMiAxLjU1NCAxNC41NDIgMS41NjMgMTQuNTUgMS41NjYgMTQuNTUzIDEuNTY4IDE0LjU1NyAxLjU3MSAxNC41NiAxLjU3NyAxNC41NjYgMS41ODUgMTQuNTcgMS41OTEgMTQuNTc2IDEuNTk3IDE0LjU4IDEuNjAyIDE0LjU4NiAxLjYwOCAxNC41OSAxLjYxMiAxNC41OTMgMS42MTUgMTQuNTk0IDEuNjE5IDE0LjU5NyAxLjYyNiAxNC42MDEgMS42MzMgMTQuNjA1IDEuNjQgMTQuNjA5IDEuNjUxIDE0LjYxNiAxLjY2MyAxNC42MjIgMS42NzUgMTQuNjI3IDEuNjgzIDE0LjYzIDEuNjkgMTQuNjM0IDEuNjk4IDE0LjYzNiAxLjcxMSAxNC42NDEgMS43MjQgMTQuNjQ0IDEuNzM3IDE0LjY0NyAxLjc0NCAxNC42NDkgMS43NTEgMTQuNjUxIDEuNzU4IDE0LjY1MiAxLjc3OCAxNC42NTYgMS43OTkgMTQuNjU4IDEuODE5IDE0LjY1OCAxLjgxOSAxNC42NTggMS44MTkgMTQuNjU4IDEuODE5IDE0LjY1OEwxLjgxOSAxNC42NThDMS44NDEgMTQuNjU4IDEuODYzIDE0LjY1NiAxLjg4NSAxNC42NTJMMTEuMzIgMTIuOTNDMTEuMzcxIDEzLjA5OCAxMS40MjIgMTMuMjY1IDExLjQ3NCAxMy40MzMgMTEuNjA1IDEzLjg1OCAxMS43MzggMTQuMjgyIDExLjg2NSAxNC43MDkgMTIuMDIyIDE1LjIzOCAxMi4xODQgMTUuNzY2IDEyLjQxNCAxNi4yNjkgMTIuNjc0IDE2LjgzNSAxMy4wMzcgMTcuMzIxIDEzLjUzIDE3LjcwNCAxNC4yNjYgMTguMjc4IDE1LjExNSAxOC41NSAxNi4wMzQgMTguNjMzIDE2LjUzOSAxOC42NzggMTcuMDQzIDE4LjY0NyAxNy41NDQgMTguNTc5IDE4LjQxMSAxOC40NjEgMTkuMjMyIDE4LjIxMyAxOS45ODIgMTcuNzUyIDIwLjcwOSAxNy4zMDQgMjEuMjg5IDE2LjcyMSAyMS42NjYgMTUuOTQ2IDIxLjkyOCAxNS40MDcgMjIuMDU4IDE0LjgzMyAyMi4xMjMgMTQuMjQ0IDIyLjE5MiAxMy42MjMgMjIuMjQ4IDEzIDIyLjMxIDEyLjM3OSAyMi4zOTMgMTEuNTUzIDIyLjQ3OCAxMC43MjcgMjIuNTYgOS45MDEgMjIuNjI2IDkuMjI4IDIyLjY4OSA4LjU1NCAyMi43NTUgNy44ODEgMjIuODMxIDcuMTExIDIyLjkwOSA2LjM0IDIyLjk4NyA1LjU2OSAyMyA1LjQ0NiAyMy4wMTEgNS4zMjIgMjMuMDI4IDUuMTk5IDIzLjA0NyA1LjA2OCAyMy4xMTEgNS4wMDIgMjMuMjE5IDQuOTkxIDIzLjMzOCA0Ljk3OSAyMy40MTQgNS4wMyAyMy40NiA1LjE1NiAyMy40NzIgNS4xODggMjMuNDggNS4yMjEgMjMuNDg4IDUuMjU0IDIzLjU1OSA1LjU3MiAyMy42MjkgNS44ODkgMjMuNzAxIDYuMjA2IDIzLjkxMSA3LjE0MiAyNC4xMjEgOC4wNzcgMjQuMzMxIDkuMDEyIDI0LjUyMiA5Ljg2IDI0LjcxMSAxMC43MDcgMjQuOTA1IDExLjU1NCAyNS4wOTkgMTIuNCAyNS4yOTMgMTMuMjQ3IDI1LjQ5NiAxNC4wOTEgMjUuNTk3IDE0LjUwOSAyNS43NTQgMTQuOTA4IDI1Ljk5OSAxNS4yNjYgMjYuNTI1IDE2LjAzNSAyNy4yNTUgMTYuNDQ0IDI4LjE4MyAxNi41MDEgMjguNjUzIDE2LjUzIDI5LjExNSAxNi40ODEgMjkuNTY2IDE2LjM0NiAzMC4xNzUgMTYuMTY0IDMwLjcyMyAxNS44NzYgMzEuMTgxIDE1LjQzMSAzMS43MjcgMTQuOSAzMi4wNDYgMTQuMjQ5IDMyLjIwMSAxMy41MSAzMi4yODYgMTMuMTAzIDMyLjMxNiAxMi42ODkgMzIuMzU5IDEyLjI3NyAzMi40NSAxMS40MjYgMzIuNTQzIDEwLjU3NSAzMi42MzIgOS43MjUgMzIuNzA3IDkuMDEgMzIuNzc5IDguMjk1IDMyLjg1MyA3LjU4IDMyLjkwMyA3LjA5NSAzMi45NTIgNi42MDkgMzMuMDAzIDYuMTI0IDMzLjAzNiA1LjgxIDMzLjA3MiA1LjQ5NiAzMy4xMDggNS4xNjMgMzMuMTY2IDUuMTYzIDMzLjIxMyA1LjE2MyAzMy4yNTkgNS4xNjMgMzQuMDg1IDUuMTc2IDM0LjkxMiA1LjE4OCAzNS43MzggNS4yMDMgMzUuOTQ0IDUuMjA3IDM2LjE1IDUuMjA1IDM2LjM1NCA1LjIyOCAzNy44NzggNS4zNDMgMzcuNjU4IDguNiAzNi41MDQgOC43OTEgMzYuMjgxIDguODI4IDM2LjA1NCA4Ljg0NyAzNS44MjggOC44NjQgMzUuNDQ0IDguODkyIDM1LjA1OSA4LjkxMiAzNC42NzUgOC45MzYgMzQuNDE2IDguOTUyIDM0LjIwNyA5LjA3MSAzNC4wNDcgOS4yNjkgMzMuOTYxIDkuMzc1IDMzLjg4MSA5LjQ4OSAzMy44MTkgOS42MSAzMy41ODMgMTAuMDcyIDMzLjU0OSAxMC41NTkgMzMuNjcyIDExLjA1OCAzMy43MjYgMTEuMjc5IDMzLjgyMyAxMS40ODUgMzMuOTc4IDExLjY1OCAzNC4xNDggMTEuODQ2IDM0LjM1OCAxMS45MjkgMzQuNjExIDExLjkwMSAzNC43MyAxMS44ODcgMzQuODQ5IDExLjg3MyAzNC45NjggMTEuODU4IDM1LjQzMSAxMS44MDEgMzUuODk0IDExLjc0NyAzNi4zNTcgMTEuNjg2IDM2LjY1NCAxMS42NDcgMzYuOTUgMTEuNjA1IDM3LjIzNyAxMS41MTIgMzguMzc3IDExLjE0NSAzOS4xODYgMTAuNDI3IDM5LjYxMiA5LjI5MSAzOS44NDMgOC42NzMgMzkuOTUxIDguMDMxIDM5Ljk4NCA3LjM3NyA0MC4wMDkgNi44NzQgNDAuMDEzIDYuMzY5IDM5LjkzNiA1Ljg2NkwzOS45MzYgNS44NjZaIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=) center center no-repeat;
}

.form-container .registration-form .login-redirect {
  border-top: 1px solid #181825;
  margin-top: 24px;
  text-align: center;
}

.form-container .registration-form .login-redirect .login-redirect-link {
  display: inline-block;
  margin-top: 30px;
  font-size: 12px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .register {
    width: 100%;
  }
}

/*colors*/

/* payment-methods */

.reset-pass {
  width: 52%;
  margin: 24px auto;
  padding: 30px 40px;
  background-color: #28283e;
}

.reset-pass h1 {
  text-align: center;
  margin-bottom: 20px;
  line-height: 32px;
}

.reset-pass-form .info {
  font-size: 13px;
  line-height: 20px;
  color: #9d9bd4;
}

.reset-pass-form .button-important {
  display: block;
  background-color: #fd1e51;
  height: 52px;
  width: 100%;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  margin: 12px 0;
}

.reset-pass-form .button-important:hover {
  background-color: #fd3462;
}

@media (max-width: 767px) {
  .reset-pass {
    width: 80%;
  }
}

@media (max-width: 440px) {
  .reset-pass {
    width: 100%;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

.section-rules {
  width: 65%;
}

.section-rules h1 {
  margin-bottom: 25px;
}

.section-rules input {
  display: none;
}

.section-rules label {
  display: inline-block;
}

.section-rules .warning-rules {
  display: block;
  margin-bottom: 25px;
}

.section-rules .list-warning-rules {
  color: #9d9bd4;
}

.section-rules .list-warning-rules li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  width: 100%;
  margin-bottom: 15px;
  line-height: 22px;
}

@media screen and (max-width: 540px) {
  .section-rules .list-warning-rules li {
    width: 90%;
  }
}

.section-rules .button-container.loader {
  position: relative;
  color: transparent;
}

.section-rules .button-container.loader:after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: calc(50% - 12.5px);
  left: calc(50% - 12.5px);
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAhFBMVEUAAACqqtSqjcacnNehodaZmdacnNWbm9SamtWcnNWamtGemtGcnNGem9KcnNKdndKdm9KcnNKdm9OcnNOdm9OcnNOcnNOcnNKcnNKcnNKcnNOdm9OdnNOcnNKdnNKdnNKcnNKcm9KcnNKcm9KcnNOdnNOdm9Kcm9Ocm9Ocm9Ocm9Kcm9Lqhn28AAAALHRSTlMABgkNExkfJCsxOD1DSlBWXGJpb3Z8gomOlJmfpauyt73DytDX3uXq7/T5/hLwUNsAAAQPSURBVHgB7dLpkrI4FMbxJ0DCIirutoui3fYyff/3N+fEI8G8LkB3zXx5f1B8/NcTKmgsxW/Ly2/rVC4nv1WffFf+IeXE4McGLslRdhx36iqloGCdKOdlv76+Vr32SdfM/SRHyeeuVVYFiuGcHbmoa3L083MTNk8GgVvqRb9rUXLqo5EgDLhqgaV3Tk8+Pj7WDcaqkJyjuGw9eUuroR/k/S172oyiqkrclRLeUI6+vw/xUBBJlNz+qy4qTTbCA2FE3FSXzXd/NIk0T6fT4kFT26arUtLJe71iVn5I1DX9qt/UXCX1qb50cvSHsgluCjSzzaqKm5LVl998exvca7L6VNwTTv3m2zHBn4wx11WFR8xOotKkqoZPG64aV1V4YvjmmtYanjA2TFvPmiI5XjVfX3NcUXEsVdmKJsK9a76SQ4g6HRM3NkIz4c412dQf6qrSbFaVpEjhmCSpZTXQqvp6jh5fj8cVKmHCqqpCC8mx2nkkuj7UZU2IVgpXJDMIlVzE1NVoae2S5DIpSpO0ysYKLemqeTgeDkOcxWnqshFaG1dJsoUVpCJhCq2FpW0eztUYTEvTZg06mEnSGsnpaxQ60FK0lmBZmmapiNHJukqWhwNImBHK2rBGJ0Pp8VvysMg2pazQSUxN7tm3D8BcgvxFR/uSnbNjAAk3JRyjoyXlOMiWANLM0eioKJ0NgKwmQkf9ssaLhugo/Rv976K934327EOvRke5F01lJzM/uPx7+8jlT3pnnE3Q0aJ0lgAM90SGjrZ7minPGIDu1YToJN6LkgwAhPWoQSeDS5M/CYj0cnrzDJ287GvAEolaATrQu51rLsCMFO0nQQeTHZNoARZWRabQWrixUcnGsLL8op/3Y7Q23EqUu2ucmapJ2v/VaL3d7qruAGeBS5IMLc22pMpqiJSKl+ZgEKOV/mazddmZO0BeJUk/QgtmtbFVRtUElezS5Oqwr9BYsNxYsnUOJ5KZbDhsUQ3m6/WamzI2QU3qkixTDZujNavGTlGnLk1bLYpmW4PZaiVVO3Yd4oqu7SzIMMJTZr4ita0ZPJlrslGR4Il88fJyVZ3ApyQpTTII8UA0Xr5wVKqUXQWAL/Ka4/EoU7gjyOfLpVc1uMFcN8lknIc3Vw5ni8XSq/ZwU1I1CTdZkWpc0dl4Pl8QjhJuUnWAO7L6TolOp9NJ0UuMlfaK6ZxIVKpshLsyN9Q12axGoq7qN32JP/Sc5Kfe9Kf28VA8Yq4pajtvVDM8ERVXQznLM+tZd35bXRg8pXI3lJNSvTt1FKAJQ1VJCrfUnzpP0JDqc5R5Q91SyTabKfRAkjeqbuo4RjtmQFFZevunFjHaC9NR/UJJV5qTLEJHuje8df5RrvEzJsuL8UxMijwz+F/8CyKz6E8T1nBoAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-animation: loader .6s linear infinite;
          animation: loader .6s linear infinite;
  -webkit-animation-fill-mode: forward;
          animation-fill-mode: forward;
}

.section-rules .button-container.loader:after {
  top: 10px;
}

.section-rules .button-important {
  display: block;
  margin: 25px auto;
  width: 45%;
  padding: 10px;
  background-color: #fd1e51;
  color: white;
}

.section-rules .button-important.loading {
  color: transparent;
}

.section-rules .disabled-button {
  border-color: #444769;
  background-color: #444769;
  color: #9d9bd4;
}

.section-rules .urgent-rules {
  text-align: center;
  display: block;
  margin: 25px 0;
}

.section-rules .urgent-rules .read-more {
  color: #9d9bd4;
  font-weight: 700;
  cursor: pointer;
}

.section-rules .toggle-rules {
  display: none;
  color: #9d9bd4;
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .section-rules {
    width: 100%;
  }

  .section-rules .button-important {
    width: 100%;
  }
}

.rodo-page .section-rules {
  width: 100%;
}

.rodo-page .section-rules h1 {
  text-align: center;
  color: white;
}

.rodo-page .section-rules li {
  width: 93%;
}

.rodo-page .rodo {
  min-height: 80vh;
}

@media (max-width: 767px) {
  .rodo-page .rodo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.rodo-page .panel-right {
  display: inline-block;
  min-height: 100%;
  width: 44%;
  position: relative;
  padding-right: 60px;
}

.rodo-page .panel-left {
  float: right;
  display: inline-block;
  min-height: 100%;
  width: 56%;
  padding-left: 40px;
}

.rodo-page .panel-content {
  text-align: center;
}

.rodo-page .panel-content h2 {
  text-align: center;
  padding-bottom: 30px;
  color: white;
}

.rodo-page .offer-box {
  min-width: 280px;
  font-size: 0;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  position: relative;
  top: -80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.rodo-page .offer-box .package {
  width: 50%;
  padding: 0 10px 10px 0;
  cursor: pointer;
}

.rodo-page .offer-box .package-content {
  position: relative;
  background-color: #28283E;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.rodo-page .offer-box .package-name {
  line-height: 25px;
  font-size: 18px;
  text-align: center;
  padding-top: 10px;
  text-transform: capitalize;
  color: #fd1e51;
}

.rodo-page .offer-box .package .channels_amout {
  font-size: 30px;
}

.rodo-page .offer-box .package .channels_count,
.rodo-page .offer-box .package .box_price,
.rodo-page .offer-box .package .button-wrapper {
  background-color: #28283E;
}

.rodo-page .offer-box .package .channels_count {
  margin-top: -18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rodo-page .offer-box .package .channels_count p {
  font-size: 20px;
}

.rodo-page .offer-box .package .channels_count .label {
  white-space: nowrap;
}

.rodo-page .offer-box .package .channels_count .button-wrapper {
  width: 100%;
}

.rodo-page .offer-box .package .display-channels {
  padding: 0 14px;
}

.rodo-page .offer-box .package .display-channels .display-channel {
  width: 33%;
  display: inline-block;
  padding: 0 0 5px;
}

.rodo-page .offer-box .package .display-channels .display-channel .channel-icon {
  background-color: #32324d;
}

.rodo-page .offer-box .package.trial .trial-label {
  padding: 8px;
  background-color: #43D861;
  color: #28283E;
  font-size: 13px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

.rodo-page .offer-box .package.trial .package-name {
  color: #43D861;
}

.rodo-page .offer-box .package.trial .originalPrice {
  color: #7b9bd4;
  text-decoration: line-through;
}

.rodo-page .offer-box .package.trial .button-important {
  border-color: #43D861;
}

.rodo-page .offer-box .package.trial .button-important:hover {
  background-color: #43D861;
}

@media (max-width: 1366px) {
  .rodo-page .display-channel {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
}

@media (max-width: 767px) {
  .rodo-page .section-rules .button-important {
    width: 100%;
  }

  .rodo-page .display-channel {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }

  .rodo-page .panel-content h2 {
    font-weight: 400;
  }

  .rodo-page .panel-right {
    display: block;
    width: 100%;
    left: auto;
    padding: 5% 5% 0;
    position: relative;
  }

  .rodo-page .panel-left {
    display: block;
    width: 100%;
    float: unset;
    padding: unset;
    margin-top: 50px;
  }

  .rodo-page .vertical-line {
    top: unset;
    bottom: 0;
    text-align: center;
  }
}

@media (max-width: 530px) {
  .rodo-page .panel-right {
    top: 0;
  }

  .rodo-page .offer-box {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    top: 0;
  }

  .rodo-page .offer-box .package {
    width: 100%;
    padding: 5px 12%;
  }
}

@media (max-width: 400px) {
  .rodo-page .display-channel {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
}

@media (max-width: 340px) {
  .rodo-page .display-channel {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }

  .rodo-page .offer-box .package {
    width: 100%;
    padding: 5px 0;
  }
}

@media (max-width: 440px) {
  .rodo-page .section-rules li {
    width: 86%;
  }
}

/*colors*/

/* payment-methods */

.choose-settings .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.choose-settings .tabs br {
  display: none;
}

.choose-settings .tabs li {
  margin-right: 20px;
}

.choose-settings .tabs li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 8px;
  color: #9d9bd4;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase;
}

.choose-settings .tabs .active {
  background-color: #fd1e51;
}

.choose-settings .tabs .active a {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .choose-settings {
    overflow: hidden;
    height: 61px;
  }

  .choose-settings .tab-title {
    background-color: #32324d;
  }

  .choose-settings .tabs {
    overflow: auto;
  }

  .choose-settings .tabs br {
    display: inherit;
  }

  .choose-settings .tabs li {
    min-width: calc((100vw - 32px) / 2.5);
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    text-align: center;
    margin: 0;
    border-bottom: 1px solid #fd1e51;
  }
}

@media screen and (max-width: 767px) and (min-width: 375px) {
  .choose-settings .tabs li {
    min-width: calc((100vw - 32px) / 3.5);
  }
}

@media screen and (max-width: 767px) and (min-width: 550px) {
  .choose-settings .tabs li {
    min-width: 115px;
  }
}

@media screen and (max-width: 767px) {
  .choose-settings .tabs li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 0;
    font-weight: 700;
  }
}

@media (max-width: 440px) {
  .choose-settings .tabs li a {
    font-size: 14px;
    line-height: 18px;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

#payment-methods .active-package {
  color: #43ff6a;
  background: #292a40;
  padding: 16px 8px;
  border-radius: 8px;
  border: 3px solid #43ff6a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}

#payment-methods .active-package p {
  text-align: center;
  font-family: 'Baloo Da 2';
  font-weight: 500;
  font-size: 12px;
}

#payment-methods .active-package .header-p {
  position: relative;
  margin-bottom: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 22px;
  font-size: 14px;
  font-weight: 700;
}

#payment-methods .active-package .header-p img {
  position: absolute;
  left: -10px;
  -webkit-transform: translate(-100%);
      -ms-transform: translate(-100%);
          transform: translate(-100%);
}

#payment-methods .active-package .msg {
  line-height: 17px;
}

@media (max-width: 767px) {
  #payment-methods .active-package .msg {
    line-height: 22px;
  }
}

.page.page-package-details.page-with-banner .promotion-banner .desktop-img-container {
  display: none;
  margin-bottom: 15px;
}

.page.page-package-details.page-with-banner .promotion-banner .desktop-img-container .img {
  padding-top: 37.20%;
  position: relative;
  z-index: -1;
}

.page.page-package-details.page-with-banner .promotion-banner .mobile-img-container {
  display: none;
}

.page.page-package-details.page-with-banner .promotion-banner .mobile-img-container .img {
  padding-top: 51.20%;
  position: relative;
  z-index: -1;
}

.page.page-package-details .additional-starter {
  width: auto;
  height: 70px;
  margin: 6px;
  border-radius: 2px;
  background-color: #2D2E47;
  padding: 0 15px;
  white-space: nowrap;
  display: inline-block;
}

.page.page-package-details .additional-starter .link-container {
  width: 100%;
  height: 100%;
  display: block;
}

.page.page-package-details .additional-starter .link-container .vertical-centered {
  top: 31%;
  position: relative;
}

.page.page-package-details .additional-starter .link-container .text {
  margin-left: 3%;
}

.page.page-package-details .additional-starter .link-container .green {
  color: #43D861;
  font-family: 'Baloo Da 2';
  font-weight: 700;
}

.offer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .offer-container {
    margin-top: 40px;
  }
}

.offer-package .contact-panel-mobile {
  display: none;
}

@media (max-width: 767px) {
  .offer-package .contact-panel-mobile {
    display: block;
  }
}

.offer-package .contact-panel-desktop {
  display: block;
}

@media (max-width: 767px) {
  .offer-package .contact-panel-desktop {
    display: none;
  }
}

.offer-package .offer_desc {
  position: relative;
  padding-left: 32px;
  padding-right: 20px;
}

.offer-package .offer_desc .link_to_help {
  color: #a6a3e2;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .offer-package .offer_desc .link_to_help {
    display: inline-block;
  }
}

.offer-package .offer_desc .eu_flag {
  margin-left: 6px;
}

.offer-package .offer_desc .channel_list_title {
  font-size: 36px;
  line-height: 42px;
  margin-top: 28px;
  margin-bottom: 10px;
}

.offer-package .offer_desc .channel_list_title--no-desc {
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  .offer-package .offer_desc .channel_list_title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}

.offer-package .offer_desc .package-name {
  margin: 25px 0 18px;
  color: #fff;
  font-size: 28px;
  line-height: 32px;
}

@media (min-width: 768px) {
  .offer-package .offer_desc .package-name {
    margin: 0;
    position: absolute;
    top: -40px;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    line-height: 42px;
    font-size: 36px;
  }
}

.offer-package .offer_desc .about_package {
  font-family: 'Roboto', sans-serif;
}

@media (max-width: 767px) {
  .offer-package .offer_desc .about_package {
    margin: 34px 0;
  }
}

.offer-package .offer_desc .about_package.details {
  line-height: 20px;
}

@media (min-width: 768px) {
  .offer-package .offer_desc .about_package.details {
    letter-spacing: 0.25px;
    line-height: 1.57;
  }
}

.offer-package .offer_desc .about_package .desc-group {
  margin-top: 20px;
  font-size: 16px;
}

.offer-package .offer_desc .about_package .desc-group .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}

.offer-package .offer_desc .about_package .desc-group .desc p {
  display: inline-block;
  line-height: 1.57;
  margin: 0;
}

.offer-package .offer_desc .about_package .desc-group .desc .icon-accept {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(https://wpcdn.pl/wp-pilot/check.84359896.svg);
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-right: 8px;
  vertical-align: middle;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.offer-package .offer_desc .about_package .desc-group .desc .icon-noaccept {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(https://wpcdn.pl/wp-pilot/check.84359896.svg);
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-right: 8px;
  vertical-align: middle;
  background-image: url(https://wpcdn.pl/wp-pilot/close-red.9fc125e5.svg);
  margin-top: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.offer-package .offer_desc .about_package .desc-group .desc .green {
  color: #43D861;
  font-family: 'Baloo Da 2';
  font-weight: 700;
}

.offer-package .offer_desc .about_package .desc-group:after {
  content: '';
  display: block;
  clear: both;
}

.offer-package .offer_desc .about_package p {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.offer-package .offer_desc .display-channels {
  margin-top: 8px;
  margin-bottom: 32px;
  margin-left: -5px;
}

@media (max-width: 768px) {
  .offer-package .offer_desc .display-channels {
    height: 120px;
    overflow: hidden;
  }
}

@media (min-width: 768px) {
  .offer-package .offer_desc .display-channels {
    margin-bottom: 36px;
  }
}

.offer-package .offer_desc .display-channels .display-channel {
  position: relative;
  padding: 5px;
  display: inline-block;
}

.offer-package .offer_desc .display-channels .display-channel__vod-logo {
  bottom: 5px;
  right: 5px;
  position: absolute;
}

.offer-package .offer_desc .display-channels .display-channel .channel-icon {
  background-color: #32324d;
}

.offer-package .offer_desc .display-channels.starter .additional-starter {
  width: auto;
  height: 70px;
  margin: 6px;
  border-radius: 2px;
  background-color: #2D2E47;
  padding: 0 8%;
  white-space: nowrap;
  display: inline-block;
}

.offer-package .offer_desc .display-channels.starter .additional-starter:hover {
  -webkit-box-shadow: inset 0 0 0 3px #fd1e51;
          box-shadow: inset 0 0 0 3px #fd1e51;
}

.offer-package .offer_desc .display-channels.starter .additional-starter .link-container {
  width: 100%;
  height: 100%;
  display: block;
}

.offer-package .offer_desc .display-channels.starter .additional-starter .link-container span.text {
  margin-left: 3%;
}

.offer-package .offer_desc .display-channels.starter .additional-starter .link-container .vertical-centered {
  top: 31%;
  position: relative;
}

.offer-package .offer_desc .display-channels.starter .additional-starter .green {
  color: #43D861;
  font-family: 'Baloo Da 2';
  font-weight: 700;
}

.offer-package .offer_desc .payment-method {
  color: #FFFFFF;
  line-height: 36px;
  margin: 32px 0 16px;
}

@media (min-width: 768px) {
  .offer-package .offer_desc .payment-method {
    display: none;
  }
}

.offer-package .offer_desc .channel-list-desc {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 28px;
}

.offer-package .offer_desc .channel-list-desc a {
  color: #9D9BD4;
}

.offer-package .offer_desc .channel-list-desc__icon {
  white-space: nowrap;
}

.offer-package .offer_desc .channel-list-desc img {
  margin-left: 7px;
}

.offer-package .offer_desc .channel-list-wrapper {
  position: relative;
}

.offer-package .offer_desc .show-all-channels-btn {
  display: none;
}

.offer-package .offer_desc .channel-list-wrapper--expanded .display-channels {
  height: auto;
  overflow: visible;
}

.offer-package .offer_desc .channel-list-wrapper--expanded .bottom-shadow {
  background: none;
}

.offer-package .offer_desc .channel-list-wrapper--expanded .show-all-channels-btn {
  display: none;
}

@media (max-width: 768px) {
  .offer-package .offer_desc .channel-list-wrapper--expandable .show-all-channels-btn {
    display: block;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font-family: 'Baloo Da 2', sans-serif;
    font-size: 16px;
    font-weight: 700;
    outline: inherit;
    position: absolute;
    bottom: 6px;
    line-height: 26px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    cursor: pointer;
  }
}

.offer-package .offer_desc .channel-list-wrapper--expandable .bottom-shadow {
  display: none;
}

@media (max-width: 768px) {
  .offer-package .offer_desc .channel-list-wrapper--expandable .bottom-shadow {
    display: block;
    position: absolute;
    width: 100%;
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 31, 42, 0)), to(#1E1F2A));
    background: -o-linear-gradient(top, rgba(30, 31, 42, 0) 0%, #1E1F2A 100%);
    background: linear-gradient(180deg, rgba(30, 31, 42, 0) 0%, #1E1F2A 100%);
    bottom: 0;
    left: 0;
  }
}

.offer-package .offer_desc .show-more-arrow {
  margin-left: 11px;
}

.offer-package .infoprice_list #payment-methods {
  width: 229px;
  margin-bottom: 40px;
}

.offer-package .infoprice_list #payment-methods.inactive :not(.active-cyclic-plan).payment-method,
.offer-package .infoprice_list #payment-methods.inactive .invoice-request {
  opacity: 0.35;
  pointer-events: none;
}

.offer-package .infoprice_list #payment-methods.single-payment-plan-active .trial {
  pointer-events: none;
}

.offer-package .infoprice_list #payment-methods .invoice-request {
  margin-top: 10px;
  padding: 20px 20px 16px;
  border: 3px solid #32324d;
  border-radius: 8px;
  background: #181825;
  font-family: 'Roboto', sans-serif;
}

.offer-package .infoprice_list #payment-methods .invoice-request .message {
  margin-top: 15px;
  font-size: 13px;
  line-height: 16px;
  color: #a6a3e2;
  text-align: center;
}

.offer-package .infoprice_list #payment-methods .invoice-request .payment-invoice {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  line-height: 16px;
  white-space: nowrap;
  cursor: pointer;
}

.offer-package .infoprice_list #payment-methods .invoice-request .payment-invoice input {
  position: absolute;
  left: -9999px;
  height: 1px;
  width: 1px;
  visibility: hidden;
  opacity: 0;
}

.offer-package .infoprice_list #payment-methods .invoice-request .payment-invoice .payment-checkbox {
  height: 21px;
  width: 21px;
  min-width: 21px;
  margin-right: 9px;
  border-radius: 4px;
  border: 1px solid #a6a3e2;
  -webkit-transition: 0.2s border-color, 0.2s background-color;
  -o-transition: 0.2s border-color, 0.2s background-color;
  transition: 0.2s border-color, 0.2s background-color;
  position: relative;
}

.offer-package .infoprice_list #payment-methods .invoice-request .payment-invoice .payment-checkbox svg {
  -webkit-transition: 0.2s opacity;
  -o-transition: 0.2s opacity;
  transition: 0.2s opacity;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}

.offer-package .infoprice_list #payment-methods .invoice-request .payment-invoice input:checked + .payment-checkbox {
  background: #fff;
  border-color: transparent;
}

.offer-package .infoprice_list #payment-methods .invoice-request .payment-invoice input:checked + .payment-checkbox svg {
  opacity: 1;
}

.offer-package .infoprice_list #payment-methods .payment-method {
  text-align: center;
  border: solid 2px #32324d;
  padding: 44px 16px 18px 16px;
  border-radius: 8px;
  margin-bottom: 14px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: relative;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-label {
  color: #ffffff;
  display: inline-block;
  font-weight: 700;
  padding: 2px 13px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .offer-package .infoprice_list #payment-methods .payment-method .plan-label {
    font-size: 16px;
    display: block;
    left: -1px;
    right: -1px;
    width: calc(100% + 2px);
    border-radius: 7px 7px 0 0;
  }
}

.offer-package .infoprice_list #payment-methods .payment-method ~ .payment-method {
  padding-top: 18px;
}

.offer-package .infoprice_list #payment-methods .payment-method ~ .payment-method .plan-label {
  display: none;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-type {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 22px;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-promo-badge {
  margin-bottom: 20px;
  font-weight: 700;
  color: #ffffff;
  background-color: #f30f52;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-promo-badge--huge {
  padding: 1px 12px;
  font-size: 14px;
  line-height: 18px;
  border-radius: 10px;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-promo-badge--medium {
  padding: 1px 8px;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-promo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-promo-wrapper .plan-promo-badge {
  margin-bottom: 0;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-promo-wrapper .plan-promo-base-price {
  margin-right: 8px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: line-through;
  color: #a9aaba;
}

@media (min-width: 768px) {
  .offer-package .infoprice_list #payment-methods .payment-method .plan-promo-wrapper .plan-promo-base-price {
    font-size: 16px;
    line-height: 20px;
  }
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-promo-note {
  margin-top: 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  line-height: 14px;
  color: #a9aaba;
  max-width: 180px;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-promo-note + .plan-subscription-note {
  margin-top: 5px;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-subscription-note {
  margin-top: 20px;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
}

.offer-package .infoprice_list #payment-methods .payment-method .providers-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .offer-package .infoprice_list #payment-methods .payment-method .providers-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}

.offer-package .infoprice_list #payment-methods .payment-method .providers-row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.offer-package .infoprice_list #payment-methods .payment-method .providers-row * + * {
  margin-left: 8px;
}

.offer-package .infoprice_list #payment-methods .payment-method.trial {
  border-color: #41cc5e;
  background-color: #292a40;
}

@media (max-width: 767px) {
  .offer-package .infoprice_list #payment-methods .payment-method.trial.not-available .caption {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1.38;
  }
}

@media (min-width: 768px) {
  .offer-package .infoprice_list #payment-methods .payment-method.trial.not-available {
    background-color: #1b1b2b;
  }
}

.offer-package .infoprice_list #payment-methods .payment-method.trial .plan-type {
  margin-top: 9px;
}

.offer-package .infoprice_list #payment-methods .payment-method.trial .providers-container {
  margin-bottom: 8px;
}

.offer-package .infoprice_list #payment-methods .payment-method.trial .plan-text {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 14px;
}

.offer-package .infoprice_list #payment-methods .payment-method.trial .plan-text .trial-duration-info {
  display: block;
  font-size: 14px;
}

.offer-package .infoprice_list #payment-methods .payment-method.trial .plan-price {
  display: none;
}

.offer-package .infoprice_list #payment-methods .payment-method.trial .plan-label {
  background-color: #41cc5e;
}

.offer-package .infoprice_list #payment-methods .payment-method.trial .plan-type {
  color: #41cc5e;
}

.offer-package .infoprice_list #payment-methods .payment-method.subscription {
  border-color: #ff144b;
  background-color: #28283e;
}

.offer-package .infoprice_list #payment-methods .payment-method.subscription .plan-label {
  background-color: #ff144b;
}

.offer-package .infoprice_list #payment-methods .payment-method.subscription .plan-type {
  color: #ff144b;
}

.offer-package .infoprice_list #payment-methods .payment-method.one-time {
  border-color: #a7c407;
  background-color: #28283e;
}

.offer-package .infoprice_list #payment-methods .payment-method.one-time .plan-type {
  margin-top: 0;
}

.offer-package .infoprice_list #payment-methods .payment-method.one-time .providers-row * + * {
  margin-left: 8px;
}

.offer-package .infoprice_list #payment-methods .payment-method.one-time .plan-label {
  background-color: #a7c407;
}

.offer-package .infoprice_list #payment-methods .payment-method.one-time .plan-type {
  color: #a7c407;
}

.offer-package .infoprice_list #payment-methods .payment-method.sms {
  border-color: #00bdea;
  background-color: #292a40;
}

@media (min-width: 768px) {
  .offer-package .infoprice_list #payment-methods .payment-method.sms .providers-container {
    margin-top: 5px;
    margin-bottom: 14px;
  }
}

@media (min-width: 768px) {
  .offer-package .infoprice_list #payment-methods .payment-method.sms {
    background-color: #1b1b2b;
  }
}

.offer-package .infoprice_list #payment-methods .payment-method.sms .plan-label {
  background-color: #00bdea;
}

.offer-package .infoprice_list #payment-methods .payment-method.sms .plan-type {
  color: #00bdea;
}

.offer-package .infoprice_list #payment-methods .payment-method.free {
  border-color: #41cc5e;
  background-color: #292a40;
}

.offer-package .infoprice_list #payment-methods .payment-method.free .plan-label {
  background-color: #41cc5e;
}

.offer-package .infoprice_list #payment-methods .payment-method.free .plan-type {
  color: #41cc5e;
}

.offer-package .infoprice_list #payment-methods .payment-method.free .plan-type,
.offer-package .infoprice_list #payment-methods .payment-method.free .plan-label,
.offer-package .infoprice_list #payment-methods .payment-method.free .plan-price,
.offer-package .infoprice_list #payment-methods .payment-method.free .providers-container {
  display: none;
}

@media (max-width: 767px) {
  .offer-package .infoprice_list #payment-methods .payment-method.free {
    padding-bottom: 16px;
  }
}

.offer-package .infoprice_list #payment-methods .payment-method.free .plan-text {
  font-weight: bold;
  color: #41cc5e;
  font-size: 18px;
  line-height: 22px;
  margin-top: 15px;
  margin-bottom: 23px;
}

@media (min-width: 768px) {
  .offer-package .infoprice_list #payment-methods .payment-method.free .plan-text {
    margin-top: 11px;
    margin-bottom: 27px;
  }
}

.offer-package .infoprice_list #payment-methods .payment-method p {
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}

.offer-package .infoprice_list #payment-methods .payment-method .bold {
  font-weight: 700;
}

.offer-package .infoprice_list #payment-methods .payment-method .promotion {
  color: #00b9e3;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 4px;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-text,
.offer-package .infoprice_list #payment-methods .payment-method .plan-extend-text {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 22px;
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-extend-text__br {
  display: none;
}

@media (min-width: 768px) {
  .offer-package .infoprice_list #payment-methods .payment-method .plan-extend-text {
    line-height: 23px;
  }

  .offer-package .infoprice_list #payment-methods .payment-method .plan-extend-text__br {
    display: block;
  }
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-price {
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 26px;
}

@media (min-width: 768px) {
  .offer-package .infoprice_list #payment-methods .payment-method .plan-price {
    font-size: 32px;
    line-height: 38px;
  }
}

.offer-package .infoprice_list #payment-methods .payment-method .plan-price-discount {
  font-size: 28px;
  line-height: 32px;
  margin: 10px 0 20px;
  font-weight: 400;
}

.offer-package .infoprice_list #payment-methods .payment-method .caption {
  padding: 4px 5px 0;
  width: 100%;
  max-width: 328px;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: normal;
}

.offer-package .infoprice_list #payment-methods .payment-method .button {
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  background-color: #fff;
  border-color: #fff;
  color: #0A0A10;
  display: block;
  width: 100%;
  max-width: 210px;
  padding: 6px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  text-transform: none;
}

.offer-package .infoprice_list #payment-methods .payment-method .button.loader {
  position: relative;
  color: transparent;
}

.offer-package .infoprice_list #payment-methods .payment-method .button:hover {
  color: #fff;
  background-color: #f30f52;
  border-color: #f30f52;
}

.offer-package .infoprice_list #payment-methods .payment-method .button.cancel-subscription {
  display: none;
}

@media (min-width: 768px) {
  .offer-package .infoprice_list #payment-methods .payment-method .button {
    padding: 8px;
    font-size: 16px;
    line-height: 20px;
  }
}

.offer-package .infoprice_list #payment-methods .payment-method .payment-button-container.loader {
  position: relative;
  color: transparent;
}

.offer-package .infoprice_list #payment-methods .payment-method .payment-button-container.loader:after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: calc(50% - 12.5px);
  left: calc(50% - 12.5px);
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAhFBMVEUAAACqqtSqjcacnNehodaZmdacnNWbm9SamtWcnNWamtGemtGcnNGem9KcnNKdndKdm9KcnNKdm9OcnNOdm9OcnNOcnNOcnNKcnNKcnNKcnNOdm9OdnNOcnNKdnNKdnNKcnNKcm9KcnNKcm9KcnNOdnNOdm9Kcm9Ocm9Ocm9Ocm9Kcm9Lqhn28AAAALHRSTlMABgkNExkfJCsxOD1DSlBWXGJpb3Z8gomOlJmfpauyt73DytDX3uXq7/T5/hLwUNsAAAQPSURBVHgB7dLpkrI4FMbxJ0DCIirutoui3fYyff/3N+fEI8G8LkB3zXx5f1B8/NcTKmgsxW/Ly2/rVC4nv1WffFf+IeXE4McGLslRdhx36iqloGCdKOdlv76+Vr32SdfM/SRHyeeuVVYFiuGcHbmoa3L083MTNk8GgVvqRb9rUXLqo5EgDLhqgaV3Tk8+Pj7WDcaqkJyjuGw9eUuroR/k/S172oyiqkrclRLeUI6+vw/xUBBJlNz+qy4qTTbCA2FE3FSXzXd/NIk0T6fT4kFT26arUtLJe71iVn5I1DX9qt/UXCX1qb50cvSHsgluCjSzzaqKm5LVl998exvca7L6VNwTTv3m2zHBn4wx11WFR8xOotKkqoZPG64aV1V4YvjmmtYanjA2TFvPmiI5XjVfX3NcUXEsVdmKJsK9a76SQ4g6HRM3NkIz4c412dQf6qrSbFaVpEjhmCSpZTXQqvp6jh5fj8cVKmHCqqpCC8mx2nkkuj7UZU2IVgpXJDMIlVzE1NVoae2S5DIpSpO0ysYKLemqeTgeDkOcxWnqshFaG1dJsoUVpCJhCq2FpW0eztUYTEvTZg06mEnSGsnpaxQ60FK0lmBZmmapiNHJukqWhwNImBHK2rBGJ0Pp8VvysMg2pazQSUxN7tm3D8BcgvxFR/uSnbNjAAk3JRyjoyXlOMiWANLM0eioKJ0NgKwmQkf9ssaLhugo/Rv976K934327EOvRke5F01lJzM/uPx7+8jlT3pnnE3Q0aJ0lgAM90SGjrZ7minPGIDu1YToJN6LkgwAhPWoQSeDS5M/CYj0cnrzDJ287GvAEolaATrQu51rLsCMFO0nQQeTHZNoARZWRabQWrixUcnGsLL8op/3Y7Q23EqUu2ucmapJ2v/VaL3d7qruAGeBS5IMLc22pMpqiJSKl+ZgEKOV/mazddmZO0BeJUk/QgtmtbFVRtUElezS5Oqwr9BYsNxYsnUOJ5KZbDhsUQ3m6/WamzI2QU3qkixTDZujNavGTlGnLk1bLYpmW4PZaiVVO3Yd4oqu7SzIMMJTZr4ita0ZPJlrslGR4Il88fJyVZ3ApyQpTTII8UA0Xr5wVKqUXQWAL/Ka4/EoU7gjyOfLpVc1uMFcN8lknIc3Vw5ni8XSq/ZwU1I1CTdZkWpc0dl4Pl8QjhJuUnWAO7L6TolOp9NJ0UuMlfaK6ZxIVKpshLsyN9Q12axGoq7qN32JP/Sc5Kfe9Kf28VA8Yq4pajtvVDM8ERVXQznLM+tZd35bXRg8pXI3lJNSvTt1FKAJQ1VJCrfUnzpP0JDqc5R5Q91SyTabKfRAkjeqbuo4RjtmQFFZevunFjHaC9NR/UJJV5qTLEJHuje8df5RrvEzJsuL8UxMijwz+F/8CyKz6E8T1nBoAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-animation: loader .6s linear infinite;
          animation: loader .6s linear infinite;
  -webkit-animation-fill-mode: forward;
          animation-fill-mode: forward;
}

.offer-package .infoprice_list #payment-methods .payment-method.active-cyclic-plan .payment-button-container {
  display: none;
}

.offer-package .infoprice_list #payment-methods .payment-method.active-cyclic-plan .button.cancel-subscription {
  display: block;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment {
  background: #1b1b2b;
  padding: 20px 12px;
  position: relative;
  text-align: left;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment.highlight {
  background-color: rgba(157, 155, 212, 0.4);
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment .coupon {
  background-color: #fff;
  border-color: #fff;
  color: #181825;
  display: block;
  margin: 16px auto 0;
  text-transform: uppercase;
  width: 100%;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment .coupon.highlight {
  background-color: #28293f;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment .coupon.highlight:hover {
  border-color: transparent;
  background-color: #28293f;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment .coupon:hover {
  border-color: transparent;
  color: #fff;
  background-color: #ff144b;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment .tooltip-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  margin-left: 10px;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment .tooltip-coupon-payment {
  width: 21px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment #coupon-more {
  display: inline-block;
  text-align: center;
  font-family: sans-serif;
  font-weight: bold;
  width: 1.9ex;
  height: 1.9ex;
  font-size: 2.5ex;
  line-height: 1.8ex;
  border-radius: 1.2ex;
  padding: 1px;
  color: #28283e;
  background: #9c9c9c;
  /*#9c9b9b;*/
  text-decoration: none;
  vertical-align: top;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment #coupon-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment #coupon-p {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-align: left;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment #coupon-expandable-section {
  display: none;
  margin-top: 23px;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment .coupon-toggle-icon {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  height: 7px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  -o-transition: transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  width: 7px;
  will-change: transform;
}

.offer-package .infoprice_list #payment-methods .payment-method.coupon-payment .coupon-toggle-icon.is-flipped {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.offer-package .top_section-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 767px) {
  .offer-package .top_section-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.offer-package .navigation {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.offer-package .navigation .link {
  display: block;
}

.offer-package .navigation .button {
  color: #9d9bd4;
  text-transform: none;
  font-size: 16px;
  line-height: 26px;
}

.offer-package .navigation .button:hover {
  color: #fff;
}

.offer-package .modal h1 {
  margin-bottom: 42px;
}

.offer-package .modal p {
  margin-bottom: 15px;
}

.offer-package .modal ul {
  margin-bottom: 15px;
}

.offer-package .modal ul li:before {
  content: '- ';
}

.offer-package .modal .button-wrapper {
  margin-top: 25px;
  text-align: center;
}

.offer-package .modal .button-wrapper .close {
  position: static;
  width: auto;
  height: auto;
  border-radius: 46px;
  background-color: transparent;
}

.offer-package .modal .button-wrapper .close:hover {
  background-color: #fd1e51;
}

.offer-package:after {
  content: '';
  display: block;
  clear: both;
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@media screen and (max-width: 1366px) and (min-width: 767px) {
  .offer-package .offer_desc {
    padding-right: 0;
  }

  .offer-package .offer_desc .about_package p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 2em;
  }

  .offer-package .offer_desc .info_list {
    margin-top: 0;
  }

  .offer-package .offer_desc .channels_list ul {
    margin-left: -5px;
  }

  .offer-package .offer_desc .channels_list ul li img {
    width: 56px;
    height: 56px;
    margin: 5px;
    border-radius: 2px;
    background-color: #2D2E47;
  }

  .offer-package .offer_desc .channels_list ul li img:hover {
    -webkit-box-shadow: inset 0 0 0 3px #fd1e51;
            box-shadow: inset 0 0 0 3px #fd1e51;
  }

  .offer-package .offer_desc .channels_list li.starter .additional-starter {
    width: auto;
    height: 56px;
    margin: 5px;
    border-radius: 2px;
    background-color: #2D2E47;
  }

  .offer-package .offer_desc .channels_list li.starter .additional-starter:hover {
    -webkit-box-shadow: inset 0 0 0 3px #fd1e51;
            box-shadow: inset 0 0 0 3px #fd1e51;
  }
}

.page-oferta-promoted .infoprice_list {
  margin-top: -50px;
}

@media screen and (max-width: 767px) {
  .page.page-package-details .offer-package .promotion-banner .mobile-img-container {
    overflow: hidden;
    margin: 20px auto 0;
    max-width: 450px;
  }

  .page.page-package-details .offer-package .promotion-banner .mobile-img-container .img {
    width: 100%;
    max-width: initial;
  }

  .page.page-package-details .offer-package .offer_desc {
    float: initial;
    display: block;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    padding: 0;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .page.page-package-details .offer-package .offer_desc #trial-description {
    -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
            transform: translateY(-12px);
  }

  .page.page-package-details .offer-package .offer_desc #trial-description > div {
    margin-bottom: 10px;
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .page.page-package-details .offer-package .offer_desc .about_package.details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
  }

  .page.page-package-details .offer-package .offer_desc .about_package.details #trial-description {
    font-family: 'Baloo Da 2', sans-serif;
  }

  .page.page-package-details .infoprice_list {
    float: initial;
    display: block;
    width: 100%;
  }

  .page.page-package-details .infoprice_list #payment-methods {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
    max-width: 450px;
  }

  .page.page-package-details .navigation a.button {
    width: 100%;
    padding: .5em 3%;
    color: #fff;
    background-color: #32324d;
    display: block;
    position: relative;
    text-align: center;
    border-radius: initial;
    max-width: 450px;
    margin: 0 auto;
  }

  .page.page-package-details .navigation span.icon {
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .page.page-package-details .navigation span.text {
    font-family: 'Baloo Da 2';
    font-weight: 700;
    display: inline-block;
    margin-left: 1em;
    font-size: 16px;
    line-height: 26px;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .page.page-package-details .navigation span.text {
    font-size: 18px;
    line-height: 28px;
  }
}

@media screen and (max-width: 767px) {
  .offer-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

#player.playing .spinner,
#player.paused .spinner {
  display: none;
  width: 0;
  height: 0;
  position: initial;
}

#player.playing .spinner .bounce1,
#player.paused .spinner .bounce1 {
  -webkit-animation-delay: initial;
  animation-delay: initial;
}

#player.playing .spinner .bounce2,
#player.paused .spinner .bounce2 {
  -webkit-animation-delay: initial;
  animation-delay: initial;
}

#player.playing .spinner > div,
#player.paused .spinner > div {
  display: none;
  -webkit-animation: initial;
  animation: initial;
}

.spinner {
  position: absolute;
  top: 49%;
  left: 46%;
  height: 6em;
  width: 20em;
  z-index: 3;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media screen and (max-width: 767px) {
  .spinner {
    left: 40%;
  }
}

/*colors*/

/* payment-methods */

.section-tos .intro {
  margin-top: 10px;
  margin-bottom: 20px;
}

.section-tos .download {
  display: inline-block;
  margin: 20px 0;
  color: #ff144a;
  font-weight: 700;
}

.others .link,
.cookies .link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.others h2,
.others h3,
.cookies h2,
.cookies h3 {
  color: #9d9bd4;
}

.section-part {
  margin: 10px 0;
  /* Table column sizing
  ================================== */
  /* Page styling
  ================================== */
  /* Apply styles
  ================================== */
  /* Alignment
  ==================================== */
}

.section-part .Rtable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
}

.section-part .Rtable-cell {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  padding: 0.8em 0.3em;
  overflow: hidden;
  list-style: none;
  border: solid 3px #9d9bd4;
  background: rgba(112, 128, 144, 0.2);
}

.section-part .Rtable-cell .link {
  margin: 0 auto;
}

.section-part .Rtable--2cols > .Rtable-cell {
  width: 50%;
}

.section-part .Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}

.section-part .Rtable--4cols > .Rtable-cell {
  width: 25%;
}

.section-part .Rtable--5cols > .Rtable-cell {
  width: 20%;
}

.section-part .Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}

.section-part strong {
  color: white;
}

.section-part .Rtable {
  position: relative;
  top: 3px;
  left: 3px;
}

.section-part .Rtable-cell {
  margin: -3px 0 0 -3px;
  background-color: #181825;
  border-color: #9d9bd4;
}

.section-part .Rtable-cell .cell-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border-bottom: 3px solid #9d9bd4;
}

.section-part .Rtable-cell .cell-item:last-child {
  border-bottom: none;
}

.section-part .Rtable-cell--alignTop,
.section-part .Rtable-cell--alignMiddle,
.section-part .Rtable-cell--alignBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-part .Rtable-cell--alignTop {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.section-part .Rtable-cell--alignMiddle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section-part .Rtable-cell--alignBottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.section-part .Rtable-cell--alignLeft {
  text-align: left;
}

.section-part .Rtable-cell--alignCenter {
  text-align: center;
}

.section-part .Rtable-cell--alignRight {
  text-align: right;
}

.section-part h2 {
  margin-bottom: 10px;
  font-size: 16px;
}

.section-part h3 {
  margin: 15px 15px;
  font-size: 15px;
}

.section-part p {
  padding-left: 10px;
  margin-bottom: 10px;
}

.section-part ul li::before {
  content: "\2022   ";
  font-size: 20px;
  color: #9d9bd4;
}

.section-part ul .privacy-list-desc {
  margin: 10px 0;
  font-weight: 700;
}

.section-part ol {
  counter-reset: item;
  padding-left: 10px;
}

.section-part ol .privacy-list-desc {
  margin: 10px 0;
  font-weight: 700;
}

.section-part ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  display: inline-block;
  width: 25px;
}

.section-part ol li ol {
  padding-left: 50px;
  list-style-type: lower-latin;
}

.section-part ol li ol li:before {
  content: none;
}

.section-part .char-list {
  padding-left: 45px;
}

.contact p {
  margin-top: 10px;
}

.faq-content ol li {
  margin: 10px 0;
}

.faq-content ol li .question {
  font-size: 24px;
  line-height: normal;
  font-weight: 700;
}

.faq-content ol li ol {
  counter-reset: item;
}

.faq-content ol li ol li {
  position: relative;
  padding-left: 25px;
}

.faq-content ol li ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  display: inline-block;
  width: 25px;
  position: absolute;
  left: 0;
}

.faq-content ol .important-question {
  position: relative;
  overflow: hidden;
}

.faq-content ol .important-question #nie-widze-wykupionych-pakietow,
.faq-content ol .important-question #usluga-niedostepna-w-twojej-lokalizacji {
  position: absolute;
  top: -60px;
  height: 60px;
}

.faq-content p {
  margin-top: 10px;
}

.faq-content p:first-of-type {
  margin-top: 0;
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

#toaster-div .content .package-name {
  color: #fd1e51;
  font-family: 'Baloo Da 2';
  font-weight: 700;
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

.user-verification-page .section {
  width: 52%;
  margin: 24px auto;
  padding: 30px 40px;
  background-color: #28283E;
}

@media (max-width: 767px) {
  .user-verification-page .section {
    width: 100%;
    padding: 20px 10px;
    max-width: 500px;
  }
}

.user-verification-page .section h1,
.user-verification-page .section h2 {
  text-align: center;
  margin-bottom: 20px;
  line-height: 32px;
}

@media (max-width: 767px) {
  #confirm-one-file {
    width: 100%;
  }

  #confirm-one-file .section.verification-step h2 {
    margin-top: 30px;
    font-size: 18px;
  }
}

.section.verification-step {
  position: relative;
}

.section.verification-step.success {
  max-width: 500px;
  padding: 2em;
}

.section.verification-step .step-header {
  text-align: center;
  color: #9d9bd4;
  font-size: 14px;
  margin-bottom: 2em;
}

.section.verification-step .undo {
  color: #9d9bd4;
  font-size: 14px;
  vertical-align: middle;
  position: absolute;
  left: 30px;
  cursor: pointer;
}

.section.verification-step .undo .symbol {
  font-size: 30px;
  vertical-align: middle;
}

.section.verification-step .content {
  text-align: center;
}

.section.verification-step .content .verification-success-icon-container {
  margin: 0 0 10px 0;
}

.section.verification-step .content .spacer .additional-methods .icon-to-left {
  float: left;
  height: 10px;
  top: 4px;
  position: relative;
  margin: 0 6px 0 0;
}

.section.verification-step .content .spacer .additional-methods u {
  cursor: pointer;
}

.section.verification-step .content .spacer * + * {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .section.verification-step .content {
    margin: 0 10px;
  }
}

.section.verification-step .content #method-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.section.verification-step .content #method-container .upload .upload-container {
  border: 2px dashed #9d9bd4;
  margin-top: -5px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section.verification-step .content #method-container .upload .upload-container p {
  font-size: 13px;
}

.section.verification-step .content #method-container .upload .upload-container .upload-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section.verification-step .content #method-container .upload .upload-container .upload-btn {
  margin-right: 5px;
  text-transform: unset;
  font-size: 12px;
  border-color: #fd1e51;
  padding: 5px 15px;
}

@media (max-width: 767px) {
  .section.verification-step .content #method-container .upload .upload-container {
    border: none;
    margin-top: 0;
    padding: 0;
  }

  .section.verification-step .content #method-container .upload .upload-container .upload-btn {
    width: 100%;
  }

  .section.verification-step .content #method-container .upload .upload-container .upload-btn:hover {
    border-color: #fd1e51;
    background-color: transparent;
  }

  .section.verification-step .content #method-container .upload .upload-container p.white {
    display: none;
  }

  .section.verification-step .content #method-container .upload .upload-container .upload-row {
    width: 100%;
  }
}

.section.verification-step .content #method-container .upload #files-uploader {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.section.verification-step .content #method-container .upload #files-uploader.active {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
}

.section.verification-step .content #method-container .upload label {
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  width: 100% !important;
}

.section.verification-step .content #method-container .upload label.drop-area {
  display: none;
}

.section.verification-step .content #method-container .upload label.drop-area.drop-area.active {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #9d9bd4;
  background-color: #181825;
}

.section.verification-step .content #method-container .upload label.drop-area .text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 7vw;
  width: 100%;
  text-align: center;
  margin: auto;
}

.section.verification-step .content.left-align {
  text-align: left;
}

.section.verification-step .content.left-align h2 {
  text-align: left;
}

.section.verification-step .content.left-align .button-container {
  text-align: center;
}

.section.verification-step .content h2 {
  line-height: 1.3em;
  font-family: 'Baloo Da 2';
  font-weight: 700;
}

.section.verification-step .content p {
  color: #9d9bd4;
}

.section.verification-step .content p.white {
  color: #fff;
}

.section.verification-step .content p.center-align {
  text-align: center;
}

.section.verification-step .content .tips p {
  color: #fff;
  font-size: 16px;
  margin: 0 0 30px;
}

.section.verification-step .content .tips p:last-of-type {
  margin: 0;
}

.section.verification-step .content .tips ~ .input-group {
  margin-top: 30px;
}

.section.verification-step .content .message-box .error {
  margin-left: -80px;
  margin-right: -80px;
  padding-left: 75px;
}

@media (max-width: 767px) {
  .section.verification-step .content .message-box .error {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
  }
}

.section.verification-step .content .message-box .error .link:hover {
  color: #9d9bd4;
}

.section.verification-step .content .read-more,
.section.verification-step .content .read-less {
  cursor: pointer;
  font-family: 'Baloo Da 2';
  font-weight: 700;
}

.section.verification-step .content .input-group {
  position: relative;
}

.section.verification-step .content .input-group .block-input {
  width: 100%;
  padding: 1em;
  font-size: 1em;
  display: block;
  margin: 1em auto;
}

.section.verification-step .content .input-group .block-input.error {
  border: 2px solid #fd1e51;
}

.section.verification-step .content .input-group .error-icon {
  position: absolute;
  background: #fd1e51;
  text-align: center;
  border-radius: 50%;
  right: 10px;
  top: 16px;
  width: 20px;
  height: 20px;
  font-size: 13px;
  font-weight: 700;
}

@media screen and (min-width: 1366px) {
  .section.verification-step .content .input-group .error-icon {
    width: 23px;
    height: 23px;
  }
}

.section.verification-step .content .input-group .error-icon-symbol {
  position: relative;
  display: block;
  top: -1px;
}

.section.verification-step .content .files-container {
  margin-top: 2em;
  z-index: 2;
}

.section.verification-step .content .files-container .file {
  background-color: #434667;
  border-radius: 4px;
  padding: 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: 'Baloo Da 2';
  font-weight: 700;
  font-size: 12px;
  color: #9d9bd4;
  white-space: nowrap;
  margin-bottom: 3px;
}

.section.verification-step .content .files-container .file div {
  max-width: 90%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.section.verification-step .content .files-container .file p {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.section.verification-step .content .files-container .file span {
  margin-left: 5px;
}

.section.verification-step .content .files-container .remove-file {
  background: none;
  color: #9d9bd4;
  cursor: pointer;
  font-size: 16px;
}

.section.verification-step .content .files-container .remove-file:hover {
  color: #fff;
}

@media (max-width: 767px) {
  .section.verification-step .content .files-container {
    margin-bottom: 2em;
  }

  .section.verification-step .content .files-container .file + .file {
    margin-top: 10px;
  }
}

.section.verification-step .content .buttons {
  padding: 2em 0;
}

.section.verification-step .content .buttons p {
  font-size: 13px;
}

.section.verification-step .content .buttons .button-container {
  margin: 1em 0;
}

.section.verification-step .content .buttons .button-container input[type="button"],
.section.verification-step .content .buttons .button-container input[type="submit"],
.section.verification-step .content .buttons .button-container .button-a {
  line-height: 1.3em;
  width: 66%;
  min-width: 300px;
  margin: 0 0 8px 0;
  padding: 10px 30px;
  text-transform: initial;
  border: none;
  white-space: normal;
}

@media (max-width: 767px) {
  .section.verification-step .content .buttons .button-container input[type="button"],
  .section.verification-step .content .buttons .button-container input[type="submit"],
  .section.verification-step .content .buttons .button-container .button-a {
    width: 100%;
    min-width: initial;
    max-width: 330px;
  }
}

.section.verification-step .content .buttons .button-container .block-btn {
  display: block;
  width: 100%;
  padding: 10px 30px;
  text-transform: initial;
  border: none;
  white-space: normal;
}

.section.verification-step .content .buttons .button-container input[type="submit"] {
  width: 100%;
}

.section.verification-step .content .buttons .button-container input[type="submit"].loader {
  position: relative;
}

.section.verification-step .content .buttons .button-container input[type="submit"]:disabled {
  color: #9d9bd4;
  cursor: not-allowed;
}

.section.verification-step .content .buttons .button-container input + input {
  margin-top: 10px;
}

.section.verification-step .content .buttons .button-container .red-btn {
  background-color: #fd1e51;
  padding: 1em;
}

.section.verification-step .content .buttons .button-container .gray-btn {
  background-color: #434667;
}

.section.verification-step .content .buttons .button-container .sub-text {
  font-size: .8em;
}

.section.verification-step .content .buttons .button-container .red-border-btn {
  background-color: transparent;
  border: 2px solid #fd1e51 !important;
}

.section.verification-step .content .buttons .button-container .gray-border-btn {
  background-color: transparent;
  border: 2px solid #434667 !important;
}

.section.verification-step .content .buttons .button-container.loader {
  position: relative;
  color: transparent;
}

.section.verification-step .content .buttons .button-container.loader:after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: calc(50% - 12.5px);
  left: calc(50% - 12.5px);
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAhFBMVEUAAACqqtSqjcacnNehodaZmdacnNWbm9SamtWcnNWamtGemtGcnNGem9KcnNKdndKdm9KcnNKdm9OcnNOdm9OcnNOcnNOcnNKcnNKcnNKcnNOdm9OdnNOcnNKdnNKdnNKcnNKcm9KcnNKcm9KcnNOdnNOdm9Kcm9Ocm9Ocm9Ocm9Kcm9Lqhn28AAAALHRSTlMABgkNExkfJCsxOD1DSlBWXGJpb3Z8gomOlJmfpauyt73DytDX3uXq7/T5/hLwUNsAAAQPSURBVHgB7dLpkrI4FMbxJ0DCIirutoui3fYyff/3N+fEI8G8LkB3zXx5f1B8/NcTKmgsxW/Ly2/rVC4nv1WffFf+IeXE4McGLslRdhx36iqloGCdKOdlv76+Vr32SdfM/SRHyeeuVVYFiuGcHbmoa3L083MTNk8GgVvqRb9rUXLqo5EgDLhqgaV3Tk8+Pj7WDcaqkJyjuGw9eUuroR/k/S172oyiqkrclRLeUI6+vw/xUBBJlNz+qy4qTTbCA2FE3FSXzXd/NIk0T6fT4kFT26arUtLJe71iVn5I1DX9qt/UXCX1qb50cvSHsgluCjSzzaqKm5LVl998exvca7L6VNwTTv3m2zHBn4wx11WFR8xOotKkqoZPG64aV1V4YvjmmtYanjA2TFvPmiI5XjVfX3NcUXEsVdmKJsK9a76SQ4g6HRM3NkIz4c412dQf6qrSbFaVpEjhmCSpZTXQqvp6jh5fj8cVKmHCqqpCC8mx2nkkuj7UZU2IVgpXJDMIlVzE1NVoae2S5DIpSpO0ysYKLemqeTgeDkOcxWnqshFaG1dJsoUVpCJhCq2FpW0eztUYTEvTZg06mEnSGsnpaxQ60FK0lmBZmmapiNHJukqWhwNImBHK2rBGJ0Pp8VvysMg2pazQSUxN7tm3D8BcgvxFR/uSnbNjAAk3JRyjoyXlOMiWANLM0eioKJ0NgKwmQkf9ssaLhugo/Rv976K934327EOvRke5F01lJzM/uPx7+8jlT3pnnE3Q0aJ0lgAM90SGjrZ7minPGIDu1YToJN6LkgwAhPWoQSeDS5M/CYj0cnrzDJ287GvAEolaATrQu51rLsCMFO0nQQeTHZNoARZWRabQWrixUcnGsLL8op/3Y7Q23EqUu2ucmapJ2v/VaL3d7qruAGeBS5IMLc22pMpqiJSKl+ZgEKOV/mazddmZO0BeJUk/QgtmtbFVRtUElezS5Oqwr9BYsNxYsnUOJ5KZbDhsUQ3m6/WamzI2QU3qkixTDZujNavGTlGnLk1bLYpmW4PZaiVVO3Yd4oqu7SzIMMJTZr4ita0ZPJlrslGR4Il88fJyVZ3ApyQpTTII8UA0Xr5wVKqUXQWAL/Ka4/EoU7gjyOfLpVc1uMFcN8lknIc3Vw5ni8XSq/ZwU1I1CTdZkWpc0dl4Pl8QjhJuUnWAO7L6TolOp9NJ0UuMlfaK6ZxIVKpshLsyN9Q12axGoq7qN32JP/Sc5Kfe9Kf28VA8Yq4pajtvVDM8ERVXQznLM+tZd35bXRg8pXI3lJNSvTt1FKAJQ1VJCrfUnzpP0JDqc5R5Q91SyTabKfRAkjeqbuo4RjtmQFFZevunFjHaC9NR/UJJV5qTLEJHuje8df5RrvEzJsuL8UxMijwz+F/8CyKz6E8T1nBoAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-animation: loader .6s linear infinite;
          animation: loader .6s linear infinite;
  -webkit-animation-fill-mode: forward;
          animation-fill-mode: forward;
}

.section.verification-step .content .buttons .button-container.loader:after {
  left: 10%;
  top: 10px;
}

@media (max-width: 767px) {
  .section.verification-step .content .buttons .button-container.loader:after {
    top: 5px;
  }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: #fff;
  text-decoration: none;
  outline: none;
}

button,
input {
  outline: none;
  border: none;
}

iframe {
  max-width: 100%;
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

@media screen and (max-width: 767px) {
  iframe,
  iframe > iframe {
    max-width: 100%;
  }

  .top-section * {
    max-width: 100%;
  }

  .section-top1 *,
  .section-top2 *,
  .section-top3 * {
    max-width: 100%;
  }
}

html {
  height: 100%;
}

.svg-ribbon {
  display: none;
}

body {
  background-color: #181825;
  color: #fff;
  font-family: 'Baloo Da 2', sans-serif;
  font-weight: 400;
  line-height: 26px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: grayscale;
  padding-top: 80px;
  height: 100%;
  overflow-x: hidden;
  font-size: 16px;
}

.page-kontakt {
  margin-bottom: 45px;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1 {
  color: #9d9bd4;
  font-family: 'Baloo Da 2', sans-serif;
  font-weight: 300;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}

h1 a {
  text-decoration: none;
}

h1 .button,
h1 .button-important {
  vertical-align: text-top;
  margin-left: 20px;
}

h2,
h3,
h4 {
  color: #9d9bd4;
  font-family: 'Baloo Da 2', sans-serif;
  font-weight: 300;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  color: #fff;
}

h2 a,
h3 a,
h4 a {
  text-decoration: none;
}

h2 .button,
h2 .button-important,
h3 .button,
h3 .button-important,
h4 .button,
h4 .button-important {
  vertical-align: text-top;
  margin-left: 20px;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.reveal-modal {
  color: #fff;
}

label {
  color: #ffffff;
}

a:hover {
  cursor: pointer;
}

.link {
  color: #9d9bd4;
  text-decoration: underline;
}

.link:hover {
  color: #fd1e51;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

#cookie-info {
  width: 100%;
  border: 0 solid #32324d;
  border-top-width: 1px;
  background-color: #181825;
}

.page-wrap {
  position: relative;
  width: 1210px;
  min-height: calc(100% - 61px);
  height: auto;
  margin: 0 auto;
}

@media screen and (max-width: 1366px) {
  .page-wrap {
    width: 974px;
  }
}

@media screen and (max-width: 767px) {
  .page-wrap {
    padding: 0 16px;
    width: 100%;
  }
}

.page-hidden-title {
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  border: 0;
  padding: 0;
  margin: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

.clearfix:before,
.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/* IE < 8 */

.row {
  width: 100%;
  margin: 30px 0;
}

.row:after {
  content: '';
  display: block;
  clear: both;
}

.row.row-infobar {
  margin: 60px 0;
}

::-webkit-scrollbar {
  width: 0;
}

@media (min-width: 768px) {
  ::-webkit-scrollbar {
    width: 10px;
  }
}

::-webkit-scrollbar-thumb {
  width: 0;
}

@media (min-width: 768px) {
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #646897;
  }
}

iframe[name='google_conversion_frame'] {
  position: absolute;
  bottom: 0;
  visibility: hidden;
}

.detach {
  position: absolute;
  bottom: 0;
  visibility: hidden;
}

.fb-like {
  display: inline-block;
}

@media screen and (max-width: 1366px) {
  body {
    line-height: 22px;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  body {
    background-color: #1e1e2a;
  }
}

/*colors*/

/* payment-methods */

/*colors*/

/* payment-methods */

#yt-player-container {
  width: 902px;
  height: 507px;
  float: left;
  background-color: #1e1e2a;
}

#yt-player-container iframe {
  width: 100%;
  height: 100%;
}

#yt-player-container:hover .bottom,
#yt-player-container.fullscreen .bottom {
  bottom: 0;
  -webkit-transition-delay: .1s;
       -o-transition-delay: .1s;
          transition-delay: .1s;
  display: block;
}

#yt-player-container:hover .bottom.fullscreen,
#yt-player-container.fullscreen .bottom.fullscreen {
  left: 0;
  padding: 10px;
  bottom: 0;
  z-index: 2147483647;
  opacity: 0;
}

#yt-player-container:hover .bottom.fullscreen.visible,
#yt-player-container:hover .bottom.fullscreen.visible-temp,
#yt-player-container.fullscreen .bottom.fullscreen.visible,
#yt-player-container.fullscreen .bottom.fullscreen.visible-temp {
  opacity: 1;
}

#yt-player-container.mobile .bottom {
  bottom: 0;
  -webkit-transition-delay: .1s;
       -o-transition-delay: .1s;
          transition-delay: .1s;
  display: block;
  opacity: 1 !important;
}

#yt-player-container.fullscreen {
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  position: fixed !important;
  z-index: 999999999999;
}

#yt-player-container.fullscreen .bottom .bcontrols .btnplay {
  width: 24px;
  height: 19.5px;
}

#yt-player-container.fullscreen .bottom .bcontrols .btnfullscreen {
  height: 19.5px;
  width: 19.5px;
}

#yt-player-container.fullscreen .bottom .bcontrols .time {
  font-size: 18px;
}

#yt-player-container.fullscreen .bottom .bcontrols .volcontrol .btnmute {
  height: 19.5px;
  width: 27px;
}

#yt-player-container.fullscreen .bottom .bcontrols .volcontrol .volslider {
  padding-top: 4px;
}

#yt-player-container.fullscreen .ghost-skin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
}

#yt-player-container.playing .bottom .bcontrols .btnplay {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMyI+PGRlZnM+PGZpbHRlciBpZD0iYSI+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjUgMCIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEuNSIgcmVzdWx0PSJjb2xvcmVkQmx1ciIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0iY29sb3JlZEJsdXIiLz48ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz48L2ZlTWVyZ2U+PC9maWx0ZXI+PC9kZWZzPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0wIDBoNHYxM0gwem03IDBoNHYxM0g3eiIgZmlsdGVyPSJ1cmwoI2EpIi8+PC9zdmc+) center center no-repeat;
}

#yt-player-container.paused .bottom .bcontrols .btnplay {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMyI+PGRlZnM+PGZpbHRlciBpZD0iYSI+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjUgMCIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEuNSIgcmVzdWx0PSJjb2xvcmVkQmx1ciIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0iY29sb3JlZEJsdXIiLz48ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz48L2ZlTWVyZ2U+PC9maWx0ZXI+PC9kZWZzPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik04LjcgNi41TDAgMTNWMGw4LjcgNi41eiIgZmlsdGVyPSJ1cmwoI2EpIi8+PC9zdmc+) center center no-repeat;
}

#yt-player-container.paused .btnplaybig {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDEgMTAxIj48cGF0aCBmaWxsLW9wYWNpdHk9Ii4zIiBkPSJNNTAuMiAxMDAuM2MyNy43IDAgNTAuMi0yMi41IDUwLjItNTAuMkMxMDAuMyAyMi41IDc3LjkgMCA1MC4yIDAgMjIuNSAwIDAgMjIuNSAwIDUwLjJjMCAyNy43IDIyLjUgNTAuMSA1MC4yIDUwLjF6Ii8+PHBhdGggb3BhY2l0eT0iLjgiIGZpbGw9IiNGRkYiIGQ9Ik03MS40IDQ5LjlMMzguMiA3NC43bC4xLTQ5LjUgMzMuMSAyNC43eiIvPjwvc3ZnPg==) center center no-repeat;
  position: absolute;
  visibility: visible;
  line-height: 1.25;
  width: 100px;
  height: 100px;
  top: 50%;
  opacity: .7;
  left: 50%;
  -ms-transform: translate(-50px, -50px);
      transform: translate(-50px, -50px);
  -webkit-transform: translate(-50px, -50px);
  cursor: pointer;
  z-index: 1;
  -webkit-transition: visibility 220ms,opacity 220ms;
  -o-transition: visibility 220ms,opacity 220ms;
  transition: visibility 220ms,opacity 220ms;
}

#yt-player-container.paused .btnplaybig:hover {
  opacity: 1;
}

#yt-player-container .bottom {
  display: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  width: 100%;
  bottom: -33px;
  background: -o-linear-gradient(top, transparent 0, transparent 3px, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, transparent 0, transparent 3px, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=0);
  -webkit-transition: bottom 110ms ease-in 50ms;
  -o-transition: bottom 110ms ease-in 50ms;
  transition: bottom 110ms ease-in 50ms;
  -webkit-transition-delay: .1s;
       -o-transition-delay: .1s;
          transition-delay: .1s;
  z-index: 2;
}

#yt-player-container .bottom .bcontrols .btnplay {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 16px;
  height: 13px;
  margin: 3px 0 3px 3px;
  cursor: pointer;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMyI+PGRlZnM+PGZpbHRlciBpZD0iYSI+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjUgMCIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEuNSIgcmVzdWx0PSJjb2xvcmVkQmx1ciIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0iY29sb3JlZEJsdXIiLz48ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz48L2ZlTWVyZ2U+PC9maWx0ZXI+PC9kZWZzPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik04LjcgNi41TDAgMTNWMGw4LjcgNi41eiIgZmlsdGVyPSJ1cmwoI2EpIi8+PC9zdmc+) center center no-repeat;
  background-size: contain;
  opacity: .7;
  -webkit-transition: opacity 110ms;
  -o-transition: opacity 110ms;
  transition: opacity 110ms;
}

#yt-player-container .bottom .bcontrols .btnfullscreen {
  position: relative;
  float: right;
  width: 13px;
  height: 13px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMyI+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLDExVjhIMHY1aDV2LTJIMnogTTIsMmgzVjBIMHY1aDJWMnogTTExLDExSDh2Mmg1VjhoLTJWMTF6IE0xMSwydjNoMlYwSDh2MkgxMXoiLz4KPC9zdmc+) center center no-repeat;
  background-size: contain;
  margin-top: 4px;
  margin-right: 3px;
  cursor: pointer;
  opacity: .7;
  -webkit-transition: opacity 220ms;
  -o-transition: opacity 220ms;
  transition: opacity 220ms;
}

#yt-player-container .bottom .bcontrols .time {
  position: relative;
  float: left;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  margin: 0.16em 0 0.2em 16px;
  letter-spacing: 0;
  color: #fff;
  text-shadow: none;
}

#yt-player-container .bottom .bcontrols .volcontrol {
  min-width: 200px;
  display: inline-block;
}

#yt-player-container .bottom .bcontrols .volcontrol .btnmute {
  position: relative;
  float: left;
  width: 18px;
  height: 13px;
  margin: 2px 5px 2px 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTMiPjxzdHlsZT4uc3Qwe2ZpbGw6I0ZGRkZGRjt9IC5zdDF7ZmlsdGVyOnVybCgjZ2xvdyk7fTwvc3R5bGU+PGZpbHRlciBpZD0iZ2xvdyI+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjUgMCIvPjxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImNvbG9yZWRCbHVyIiBzdGREZXZpYXRpb249Ii44NSIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0iY29sb3JlZEJsdXIiLz48ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz48L2ZlTWVyZ2U+PC9maWx0ZXI+PHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjMgMTIuNmMtLjUgMC0uOC0uMy0uOC0uOHMuNS0uOC44LS44YzIuNyAwIDUtMi4xIDUtNC42cy0yLjItNC42LTUtNC42Yy0uNSAwLS44LS4zLS44LS44IDAtLjQuNS0uOC44LS44QzE0LjkuMiAxOCAyLjkgMTggNi4zcy0zIDYuMy02LjcgNi4zTTAgMy40aDQuNEw4IDB2MTNMNC40IDkuNkgwVjMuNCIvPjxwYXRoIGNsYXNzPSJzdDEgc3QwIiBkPSJNMTMuMSA2LjVjMCAuOC0uNyAxLjUtMS42IDEuNS0uOSAwLTEuNi0uNy0xLjYtMS41UzEwLjUgNSAxMS40IDVzMS43LjcgMS43IDEuNSIvPjwvc3ZnPg==) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: .7;
  -webkit-transition: opacity 220ms;
  -o-transition: opacity 220ms;
  transition: opacity 220ms;
}

#yt-player-container .bottom .bcontrols .volcontrol .btnmute:hover {
  opacity: 1;
}

#yt-player-container .bottom .bcontrols .volcontrol .btnmute.x {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTMiPjxzdHlsZT4uc3Qwe2ZpbHRlcjp1cmwoI2dsb3cpO30gLnN0MXtmaWxsOiNGRkZGRkY7fSAuc3Qye2ZpbGw6I0VEMUMyNDt9PC9zdHlsZT48ZmlsdGVyIGlkPSJnbG93Ij48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuNSAwIi8+PGZlR2F1c3NpYW5CbHVyIHJlc3VsdD0iY29sb3JlZEJsdXIiIHN0ZERldmlhdGlvbj0iLjg1Ii8+PGZlTWVyZ2U+PGZlTWVyZ2VOb2RlIGluPSJjb2xvcmVkQmx1ciIvPjxmZU1lcmdlTm9kZSBpbj0iU291cmNlR3JhcGhpYyIvPjwvZmVNZXJnZT48L2ZpbHRlcj48cGF0aCBjbGFzcz0ic3QwIHN0MSIgZD0iTTAgMy40aDQuNUw4LjIgMHYxM0w0LjUgOS42SDBWMy40Ii8+PHBhdGggY2xhc3M9InN0MCBzdDIiIGQ9Ik0xNS43IDYuNWwyLTEuOWMuNC0uMy40LTEgMC0xLjMtLjQtLjQtMS0uNC0xLjMtLjFsLTIgMi0yLTJjLS40LS4zLTEtLjMtMS40IDBzLS40IDEgMCAxLjNsMiAyLTIgMS45Yy0uNC40LS40IDEgMCAxLjQuMi4xLjUuMi43LjJzLjQtLjEuNy0uMmwxLjktMiAyIDJjLjIuMS40LjIuNy4ycy40LS4xLjctLjJjLjQtLjMuNC0xIDAtMS4zbC0yLTJ6Ii8+PC9zdmc+) center center no-repeat;
}

#yt-player-container .bottom .bcontrols .volcontrol .volslider {
  width: 0;
  float: left;
  margin-top: 6px;
  margin-left: 9px;
  height: 5px;
  position: relative;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity, width 220ms ease-in .1s;
  -o-transition: opacity, width 220ms ease-in .1s;
  transition: opacity, width 220ms ease-in .1s;
  -webkit-transition-delay: .5s;
       -o-transition-delay: .5s;
          transition-delay: .5s;
}

#yt-player-container .bottom .bcontrols .volcontrol .volslider.visible {
  width: 100px;
  opacity: 1;
  -webkit-transition-delay: .1s;
       -o-transition-delay: .1s;
          transition-delay: .1s;
}

#yt-player-container .bottom .bcontrols .volcontrol .volslider .volsliderbg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}

#yt-player-container .bottom .bcontrols .volcontrol .volslider .volsliderset {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #fff;
}

#yt-player-container .bottom .bcontrols .volcontrol .volslider .volSliderHandler {
  position: relative;
  width: 14px;
  height: 14px;
  top: -5px;
  -ms-transform: translate(-0.75em, 0);
      transform: translate(-0.75em, 0);
  -webkit-transform: translate(-0.75em, 0);
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PGZpbHRlciBpZD0iYSI+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIuODUiIHJlc3VsdD0iY29sb3JlZEJsdXIiLz48ZmVNZXJnZT48ZmVNZXJnZU5vZGUgaW49ImNvbG9yZWRCbHVyIi8+PGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIi8+PC9mZU1lcmdlPjwvZmlsdGVyPjwvZGVmcz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEzIiByPSI5IiBmaWxsPSIjZmZmIiBmaWx0ZXI9InVybCgjYSkiLz48L3N2Zz4=) center center no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1366px) {
  .row #yt-player-container {
    width: 725px;
    height: 411px;
  }
}

@media screen and (max-width: 767px) {
  .row #yt-player-container {
    width: 100%;
    height: 213.75px;
    height: 50vw;
    margin-bottom: 1px;
  }

  .row #yt-player-container .bottom .bcontrols .btnplay {
    width: 22.4px;
    height: 18.2px;
  }

  .row #yt-player-container .bottom .bcontrols .btnfullscreen {
    height: 23.4px;
    width: 23.4px;
    margin-top: 0;
  }

  .row #yt-player-container .bottom .bcontrols .time {
    font-size: 16.8px;
  }

  .row #yt-player-container .bottom .bcontrols .volcontrol {
    display: none;
    min-width: 150px;
  }

  .row #yt-player-container .bottom .bcontrols .volcontrol .btnmute {
    height: 18.2px;
    width: 25.2px;
  }

  .row #yt-player-container .bottom .bcontrols .volcontrol .volslider {
    padding-top: 0;
    margin-top: 4px;
  }

  .row #player-no-content {
    display: block;
    height: 150px;
    position: relative;
  }

  .row #player-no-content .content {
    position: initial;
    top: initial;
    left: initial;
    width: 100%;
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
  }

  .row #player-no-content .content p {
    font-size: initial;
  }

  .row #player-no-content .content h2 {
    font-size: initial;
  }
}