*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {
    width:100%; margin:0; padding:0;
    color:#333; font-size:12px; text-align:center;
    font-family:'Jost', Arial, Helvetica, sans-serif;
    overflow-x:hidden; background:#f0f0f0;
}
a, a:focus, a:active { outline:0; }
a:hover { color:#fff; text-decoration:none; }
h1, h2, h3 { margin-bottom:.5rem; line-height:1.2; }
p { margin:0 0 1rem; }
img { vertical-align:middle; border-style:none; }
.fadeTop { -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in; background-color:transparent!important; }
.fadeOut { opacity:0; -webkit-transform:translateY(-5vh); transform:translateY(-5vh); }
.fadeIn { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }
.fadeDelay { -webkit-transition-delay:.1s; transition-delay:.1s; }
.header { max-width:1300px; width:100%; margin:0 auto; }
.container { width:calc(100%); max-width:calc(100%); padding:15px 15px 0 15px; margin:0 auto; }
#contentWrapper { max-width:1200px; width:100%; padding:20px; margin:10px auto; text-align:left; min-height:100vh; }
h1 { font-size:80px; font-weight:bold; color:#333; margin-top:7%; letter-spacing:-1px; }
#sect-1 {
    background:#f0f0f0 url('../img/bg-web.jpg') center top no-repeat;
    padding-bottom: 30px;
    -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}
#sect-1 .logo { width:300px; margin-top:-13px; }
.descriptiontxt { color:#84939f; font-size:24px; margin:0 auto; line-height:36px; max-width:1000px; padding:20px 0; }
.cat-container {
    max-width:900px; margin:3% auto 7%;
    display:-ms-flexbox; display:-webkit-flex; display:flex;
    -webkit-justify-content:space-around; justify-content:space-around;
    -webkit-box-align:center; -moz-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center;
}
.catergorywrap {
    background-color:#0bb9f6!important; position:relative;
    border-radius:35px 150px 35px 35px; -moz-border-radius:35px 150px 35px 35px; -webkit-border-radius:35px 150px 35px 35px;
    max-width:300px;
    margin:0 auto;
    height:330px;
    display:-ms-flexbox; display:-webkit-flex; display:flex;
    align-content:center; -webkit-align-content:center; -ms-flex-line-pack:center;
    -webkit-justify-content:center; justify-content:center;
    align-items:center; -webkit-align-items:center; -ms-flex-align:center;
}
.title {
    position:absolute; z-index:90; bottom:-60px;
    text-align:center; font-size:90px; font-weight:bold; color:#115e92;
}
.img-icn {
    cursor:pointer; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;
    max-width:360px; position:relative; z-index:99; -webkit-filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.25)); filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.25));
}
.img-icn:hover {
    -webkit-transform:translateX(10px) rotate(10deg) translateY(5px);
    transform:translateX(10px) rotate(10deg) translateY(5px);
}
.btnwrap { width:100%; max-width:250px; margin:95px auto 0; }
.button {
    width:100%; display:inline-block; cursor:pointer;
    color:#fff; font-size:23px; line-height:22px; font-weight:500; text-align:center; text-decoration:none;
    text-shadow:0 2px 2px #164058; -moz-text-shadow:0 2px 2px #164058;
    -o-text-shadow:0 2px 2px #164058; -ms-text-shadow:0 2px 2px #164058;
    border:1px solid #1d1d1d;
    box-shadow:inset 0 6px 5px #d33945, 0 5px 10px #2b1125;
    -moz-box-shadow:inset 0 6px 5px #d33945, 0 5px 10px #2b1125;
    -webkit-box-shadow:inset 0 6px 5px #d33945, 0 5px 10px #2b1125;
    padding:17px 10px;
    border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -khtml-border-radius:50px;
    background:rgb(255, 94, 69);
    background:-moz-linear-gradient(180deg, rgba(255, 94, 69, 1) 0%, rgb(207, 24, 55) 100%);
    background:-webkit-linear-gradient(180deg, rgba(255, 94, 69, 1) 0%, rgba(207, 24, 55, 1) 100%);
    background:linear-gradient(180deg, rgba(255, 94, 69, 1) 0%, rgba(207, 24, 55, 1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5e45", endColorstr="#cf1894", GradientType=1);
}
.button:hover { top:2px; opacity:.7; position:relative; }
#contact .button {
    max-width:250px;
    box-shadow:inset 0 6px 5px #59d0cc, 0 5px 5px #1b3e42 !important;
    -moz-box-shadow:inset 0 6px 5px #59d0cc, 0 5px 5px #1b3e42 !important;
    -webkit-box-shadow:inset 0 6px 5px #59d0cc, 0 5px 5px #1b3e42 !important;
}
.main_bottom_image { margin-top:1%; }
/*PRODUCT PART*/
#sect-2 .container { padding:40px 0; width:75%; }
.productwrap { background-color:#fff; height:110vh; }
.productwrap h2 { text-align:center; color:#333; font-size:56px; }
#topservice { display:grid; grid-template-columns:repeat(3, 1fr); grid-template-rows:repeat(4, 140px); gap:20px; margin:40px auto; }
.servicetxt { position:absolute; top:auto; bottom:5px; left:25px; right:auto; font-size:23px; color:#fff; }
.video-service, .games-service, .music-service, .sports-service {
    position:relative; background-color:#e6e6e6; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
}
.video-service {
    grid-area:1 / 1 / span 5 / span 1;
    background:#fff url('../img/video-web.jpg') no-repeat center;
    -webkit-background-size:cover; -moz-background-size:cover;
    -o-background-size:cover; background-size:cover;
}
.games-service {
    grid-area:1 / 2 / span 2 / span 4;
    background:#fff url('../img/games-web.jpg') no-repeat center;
    -webkit-background-size:cover; -moz-background-size:cover;
    -o-background-size:cover; background-size:cover;
}
.music-service {
    grid-area:3 / 2 / span 3 / span 1;
    background:#fff url('../img/music-web.jpg') no-repeat center;
    -webkit-background-size:cover; -moz-background-size:cover;
    -o-background-size:cover; background-size:cover;
}
.sports-service {
    grid-area:3 / 3 / span 3 / span 3;
    background:#fff url('../img/sports-web.jpg') no-repeat center;
    -webkit-background-size:cover; -moz-background-size:cover;
    -o-background-size:cover; background-size:cover;
}
.sport-service > .servicetxt { left:10px; right:auto; }
.sport-service > .viewbtn { right:10px; left:auto; padding:6px 20px; }
.viewbtn {
    position:absolute; bottom:25px; right:25px; max-width:140px; width:100%;
    background-color:#3589fb; padding:6px; font-size:14px; color:#fff;
    -webkit-box-shadow:0 2px 8px rgba(48, 46, 80, 0.5);
    -moz-box-shadow:0 2px 8px rgba(48, 46, 80, 0.5);
    box-shadow:0 2px 8px rgba(48, 46, 80, 0.5);
    border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;
}
.viewbtn:hover { opacity:0.9; color:#fff; }
/*FAQ*/
#sect-3 .container { padding:100px 0; }
.faqwrap { background-color:#0e44a1; position:relative; z-index:11; }
.faqwrap h2 { position:relative; z-index:5; text-align:center; color:#fff; font-size:56px; }
.tabs { overflow:hidden; position:relative; z-index:5; width:100%; max-width:1300px; margin:0 auto; text-align:left; font-size:16px; line-height:22px; }
.tab { color:white; overflow:hidden; position:relative; z-index:5; border-bottom:solid 1px rgba(255,255,255,.5); }
.tab-label {
    -webkit-justify-content:flex-start; justify-content:flex-start; padding:.5em 0; cursor:pointer; width:100%; position:relative; height:65px;
    font-size:24px; line-height:30px; font-weight:bold;
}
.tab-label::before {
    content:''; background:transparent url('../img/icn-faq.svg') center / cover no-repeat;
    display:inline-block; vertical-align:middle; width:30px; height:30px; margin-right:15px;
}
.tab-label::after {
    content:''; background:transparent url('../img/icn-arrd.svg') center / cover no-repeat; position:absolute; right:0;
    display:inline-block; vertical-align:middle; width:30px; height:30px; transition:ease all 0.35s;
}
label { display:inline-block; }
.tab-content { max-height:0; color:#fff; font-size:18px; line-height:30px; opacity:.8; text-align:left; transition:ease all 0.35s; position:relative; z-index:5; }
.tab-content a { color:#fff; text-decoration:underline; }
input:checked + .tab-label::after { transform:scaleY(-1); }
input:checked ~ .tab-content { height:auto; max-height:500px; }
/*contact us gradient moving background*/
:root {
  --color-bg1:rgb(72, 174, 101);
  --color-bg2:rgb(155, 217, 47);
  --color1:255, 254, 151;
  --color2:255, 126, 0;
  --color3:80, 157, 165;
  --color4:206, 220, 77;
  --color5:219, 227, 180;
  --color-interactive:60, 160, 102;
  --circle-size:80%;
  --blending:hard-light;
}
@keyframes moveInCircle {
  0% {
    transform:rotate(0deg);
  }
  50% {
    transform:rotate(180deg);
  }
  100% {
    transform:rotate(360deg);
  }
}

@keyframes moveVertical {
  0% {
    transform:translateY(-50%);
  }
  50% {
    transform:translateY(50%);
  }
  100% {
    transform:translateY(-50%);
  }
}
@keyframes moveHorizontal {
  0% {
    transform:translateX(-50%) translateY(-10%);
  }
  50% {
    transform:translateX(50%) translateY(10%);
  }
  100% {
    transform:translateX(-50%) translateY(-10%);
  }
}
.gradient-bg {
  width:100vw; height:100vh; position:absolute; overflow:hidden;
  background:linear-gradient(40deg, var(--color-bg1), var(--color-bg2));
  top:0; left:0; z-index:99;
}
svg { display:none; }
.gradients-container { filter:url(#goo) blur(40px); width:100%; height:100%; }
.g1 {
  position:absolute;
  background:radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
  mix-blend-mode:var(--blending);
  width:var(--circle-size);
  height:var(--circle-size);
  top:calc(50% - var(--circle-size) / 2);
  left:calc(50% - var(--circle-size) / 2);
  transform-origin:center center;
  animation:moveVertical 30s ease infinite;
  opacity:1;
}
.g2 {
  position:absolute;
  background:radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
  mix-blend-mode:var(--blending);
  width:var(--circle-size);
  height:var(--circle-size);
  top:calc(50% - var(--circle-size) / 2);
  left:calc(50% - var(--circle-size) / 2);
  transform-origin:calc(50% - 400px);
  animation:moveInCircle 20s reverse infinite;
  opacity:1;
}
.g3 {
  position:absolute;
  background:radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
  mix-blend-mode:var(--blending);
  width:var(--circle-size);
  height:var(--circle-size);
  top:calc(50% - var(--circle-size) / 2 + 200px);
  left:calc(50% - var(--circle-size) / 2 - 500px);
  transform-origin:calc(50% + 400px);
  animation:moveInCircle 40s linear infinite;
  opacity:1;
}
.g4 {
  position:absolute;
  background:radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
  mix-blend-mode:var(--blending);
  width:var(--circle-size);
  height:var(--circle-size);
  top:calc(50% - var(--circle-size) / 2);
  left:calc(50% - var(--circle-size) / 2);
  transform-origin:calc(50% - 200px);
  animation:moveHorizontal 40s ease infinite;
  opacity:0.7;
}
.g5 {
  position:absolute;
  background:radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
  mix-blend-mode:var(--blending);
  width:calc(var(--circle-size) * 2);
  height:calc(var(--circle-size) * 2);
  top:calc(50% - var(--circle-size));
  left:calc(50% - var(--circle-size));
  transform-origin:calc(50% - 800px) calc(50% + 200px);
  animation:moveInCircle 20s ease infinite;
  opacity:1;
}
.interactive {
  position:absolute;
  background:radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;
  mix-blend-mode:var(--blending);
  width:100%; height:100%; top:-50%; left:-50%; opacity:0.7;
}
/*end*/
#contact {
    height:100vh; color:#fff; position:relative;
}
#contact h2 {color:#fff !important;}
#contact > .container {
    max-width:1000px; width:100%;
    position:relative; z-index:9999; left:0; right:0; top:12%;
    display:-ms-flexbox; display:-webkit-flex; display:flex;
    -webkit-justify-content:space-around; justify-content:space-around;
    -webkit-box-align:center; -moz-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center;
}
.leftwrap { text-align:left; margin-top:5%; }
.rightwrap {
  margin-top:20%; max-width:450px; width:100%; padding:25px;
  background:rgba(255, 255, 255, 0.25);
  box-shadow:0 5px 25px 0 rgba(0,0,0,0.1); border:1px solid #fff;
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  border-radius:35px 150px 35px 35px; -moz-border-radius:35px 150px 35px 35px; -webkit-border-radius:35px 150px 35px 35px;
}
.contact-img , .img-contact { max-width:400px; width:100%; margin:-35% 0 0 35px; -webkit-filter:drop-shadow(0 5px 10px rgba(0, 0, 0, 0.15)); filter:drop-shadow(0 5px 10px rgba(0, 0, 0, 0.15)); }
.website, .email {
  font-size:19px; font-weight:bold; color:#23874d; width:90%;
  background:rgba(255, 255, 255, 0.25); box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
  border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; padding:15px; margin:15px auto;
  border:1px solid #fff;
}
.website a, .email a { color:#23874d; }
#contact p {
    font-weight:400; font-size:18px; line-height:29px; text-shadow:1px 0 10px rgba(0, 0, 0, 0.2); -moz-text-shadow:1px 0 10px rgba(0, 0, 0, 0.2);
    padding:10px 0; width:90%;
}
#contact h3 {
    color:#fff; font-size:70px; font-weight:bold; text-shadow:1px 0 10px rgba(0, 0, 0, 0.2); -moz-text-shadow:1px 0 10px rgba(0, 0, 0, 0.2);
    margin-top:-55px;
}
.contactus_form { max-width:360px; width:100%; margin:10px 0; }
.contactus_form input, .contactus_form textarea {
    display:block; width:100%; padding:10px 15px; margin-bottom:15px; height:auto; background:#fff;
    -webkit-box-shadow:none; box-shadow:none;
    font-family:inherit; color:#333; font-size:1.45em; line-height:1.5;
    border-radius:5px 20px 5px 5px; -moz-border-radius:5px 20px 5px 5px; -webkit-border-radius:5px 20px 5px 5px;
    border:1px solid rgba(255, 255, 255, 0.25);
}
::placeholder { text-align:left; color:#b9b9b9; font-size:16px; font-weight:500; }
::-webkit-input-placeholder { text-align:left; color:#b9b9b9; font-size:16px; font-weight:500; }
:-moz-placeholder { text-align:left; color:#b9b9b9; font-size:16px; font-weight:500; }
::-moz-placeholder { text-align:left; color:#b9b9b9; font-size:16px; font-weight:500; }
:-ms-input-placeholder { text-align:left; color:#b9b9b9; font-size:16px; font-weight:500; }
.contactus_form input.btn {
    width:100%; max-width:320px;
    color:#fff; font-size:22px; font-weight:700;
    display:inline-block;
    padding:17px 70px;
    border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; -khtml-border-radius:35px;
    transition:ease all .3s;
    background:#1d1d1d;
}
.contactus_form input.btn:hover {
    transition-timing-function:cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation:gelatine 0.5s 1;
    animation:gelatine 0.5s 1;
    border:none;
}
@keyframes gelatine {
  from, to { transform:scale(1, 1); }
  25% { transform:scale(0.9, 1.1); }
  50% { transform:scale(1.1, 0.9); }
  75% { transform:scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
  from, to { -webkit-transform:scale(1, 1); }
  25% { -webkit-transform:scale(0.9, 1.1); }
  50% { -webkit-transform:scale(1.1, 0.9); }
  75% { -webkit-transform:scale(0.95, 1.05); }
}
.contactus_form input.btn:focus { border:none; color:#fff; outline:0; }
.g-recaptcha {
    clear:both;
    margin:10px 0;
    background-color:#ebf1f5;
    border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0;
    border:0 solid #c7c7c7;
    color:#c7c7c7;
    width:100%; max-width:302px;
    padding:0;
}
.g-recaptcha div { width:100% !important; height:76px; }
.g-recaptcha iframe { width:100% !important; background-color:#f9f9f9; }
#overlay_bg { display:none; z-index:9999;width:100%; height:100%; top:0; left:0; position:fixed; background-color:#333; opacity:0.6; }
#overlay_box {
    display:none; box-shadow:0 5px 15px rgba(0,0,0,0.3); color:#333; background-color:#f9f9f9;
    max-width:450px; width:100%;
    top:25%; left:0; right:0; position:fixed; z-index:99999;
    border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -khtml-border-radius:30px;
    text-align:center; padding:40px 15px; margin:0 auto;
}
#popbox_title { font-size:2rem; line-height:1.2em; font-weight:bold; margin:0 auto; color:#333; text-align:center; padding:0; }
#popbox_desc { font-size:17px; padding:5px 10px 10px; }
#footer { background-color:#0c020b; padding:10px 25px; color:#fff; bottom:0; position:relative; z-index:9998; width:100%; }
.footerwrap {
    display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;
    -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
    flex-flow:row wrap; place-content:stretch space-between; align-items:center;
}
.footerlogo, .flogo { max-width:150px; width:100%; cursor:pointer; }
.copyright { padding:0 5px 5px 0; text-align:center; }
.copyright a { cursor:pointer; text-decoration:none; color:#fff; }
.tnclinks { padding:0 0 5px; text-align:center; font-size:12px; line-height:14px; color:#fff; }
.extra_link a { text-decoration:none; color:#fff; font-size:12px; line-height:14px; }
.extra_link a:hover { text-decoration:underline; }
@media only screen and (max-width:1440px) {
    .productwrap { height:950px; }
    #sect-2 .container { width:90%; }
}
@media only screen and (max-width:1366px) {
    h1 { margin-top:2%; }
    .catergorywrap { margin:0 auto; transform:scale(0.95) !important; }
    .cat-container { margin:1% auto 7%; }
    #sect-5 .container { position:relative; padding:185px 0 0; }
    .contact-img, .img-contact { max-width:320px; }
    #contact { min-height:100vh; height:100%; }
    #contact p { padding:0; }
    .leftwrap { margin-top:10%; }
    .rightwrap { margin-top:25%; }
}
@media only screen and (max-width:991px) {
    #sect-6 .container { padding:50px 10px; }
    .faqwrap:before, .faqwrap:after { width:100%; height:200px; background-size:contain; }
    .tab-label { height:45px; font-size:20px; line-height:26px; }
    .tab-content { opacity:0; font-size:16px; line-height:24px; }
    input:checked ~ .tab-content { opacity:.8; }
}
@media only screen and (max-width:576px) {
    .descriptiontxt { font-size:18px; line-height:26px; padding:8px; }
    .cat-container , #contact > .container { -webkit-flex-direction:column; flex-direction:column; }
    .catergorywrap { margin:15px auto 25px; transform:scale(0.85) !important; }
    #sect-1 { background:transparent url('../img/bg-mb.jpg') center top no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
    .productwrap { height:100%; }
    #sect-2 .container { padding:20px 0; width:90%; }
    #topservice {
        display:grid;
        grid-template-columns:repeat(1, 1fr);
        grid-template-rows:repeat(4, 210px);
        gap:20px 0;
        margin:40px auto;
    }
    .video-service {
        grid-area: 1 / 1  / span 1 / span 2;
        background:#fff url('../img/video-mb.jpg') no-repeat center;
        -webkit-background-size:cover; -moz-background-size:cover;
        -o-background-size:cover; background-size:cover;
    }
    .games-service {
        grid-area: 2 / 1  / span 1 / span 2;
        background:#fff url('../img/games-mb.jpg') no-repeat center;
        -webkit-background-size:cover; -moz-background-size:cover;
        -o-background-size:cover; background-size:cover;
    }
    .music-service { grid-area: 3 / 1  / span 1 / span 2; }
    .sports-service {  grid-area: 4 / 1  / span 1 / span 2; }
    .servicetxt { font-size:20px; }
    .viewbtn { position:absolute; bottom:15px; right:15px; max-width:110px; }
    .productwrap h2, .faqwrap h2 { font-size:46px; line-height:62px; }
    .faqwrap { padding:0 16px; }
    .tab-label { height:65px; }
    #sect-3 .container { padding:60px 0; }
    #contact, .gradient-bg { min-height:160svh; height:100%; }
    #contact > .container { width:96%; top:7%; }
    #contact h3 { font-size:50px; }
    .contact-img, .img-contact { max-width:300px; margin:-29% 0 0 15px; }
    #contact p { font-size:17px; line-height:26px; width:96%; }
    .rightwrap { margin-top:72%; margin-bottom:30px; }
    .leftwrap { margin-top:23%; text-align:center; }
    .website, .email { width:97%; }
    #overlay_box { width:95%; }
    h1 { font-size:46px; line-height:57px; }
    h2 { font-size:20px; padding-top:0; line-height:30px; }
    .footer { padding:10px 15px 20px; }
    .footerwrap { -webkit-flex-direction:column; flex-direction:column; }
    .footerlogo, .flogo { padding:5px; }
}
@media only screen and (max-width:375px) {
    #contact, .gradient-bg { min-height:210svh; height:100%; }
}



.grecaptcha-badge {
    left: 35% !important;
    top: 370px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (max-width:576px) {
    .grecaptcha-badge {
        left: 50% !important;
    }
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: 0;
}

textarea, input, input[type="text"], input[type="button"], input[type="submit"], input[type="image"] {
    -webkit-appearance: none;
    opacity: 1;
    outline: 0;
}

button {
    -webkit-appearance: none;
    outline: none;
    border: none;
}

a {
    text-decoration: none;
}

.wrapper {
    margin: 0 auto;
    text-align: center;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.clear {
    clear: both;
}

.ltr {
    direction: ltr;
    display: inline-block;
}

.rtl {
    direction: rtl;
    display: inline-block;
}