body {
    font-family: 'Open Sans', sans-serif !important;
}

@media screen and (min-width: 768px) {
    header .navbar {
        border-radius: 0; 
    } 
}

header .navbar-default {
    background: rgba(255,255,255,0.8); 
    border: none;
}
@media screen and (min-width: 768px) {
    header .navbar-default .navbar-nav {
        float: right; 
    } 
}

.banner img {
    width: 100%; 
}

.navbar-toggle {
    border-radius: 0 !important;
}

.navbar-default .navbar-nav>li,
.navbar-default .navbar-nav>li>a {
    transition: all 0.3s;
}

.navbar-default .navbar-nav>li.select>a {
    color: #ff5252 !important;
}

.navbar-default .navbar-nav>li>a {
    color: #505050 !important;
    font-weight: bold;
    padding: 30px 25px;
    font-size: 16px;
}

.navbar-brand>img {
    height: 45px;
}

.w180 {
    width: 180px;
}

#games {
    padding: 50px 0px;
}

.title-game {
    margin-top: 0px;
}

.title-game a:hover {
    text-decoration: none;
}

.iphone {
    position: relative;
    width: 315px;
    margin: 0 auto;
}

.iphone img {
    max-width: inherit;
}

.slide-iphone {
    position: absolute;
    left: 19px;
    top: 72px;
    width: 273px;
    height: 483px;
}

.carousel-inner>.item>a>img, 
.carousel-inner>.item>img {
    width: 100%;
}

.carousel-control.right,
.carousel-control.left {
    background: transparent !important;
}

.badge:hover {
    background: black !important;
}

.mgt30 {
    margin-top: 30px;
}

.mgt50 {
    margin-top: 50px;
}

.mgl35 {
    margin-left: 35px;
}

.mgb0 {
    margin-bottom: 0px;
}

.mgb20 {
    margin-bottom: 20px;
}

#team {
    background: #e6e6e6;
    padding-top: 50px;
}

.gall {
    border-radius: 50%;
    overflow: hidden;
    margin: 15px;
}

.team-item-40 {
    margin: 40px;
}

.team-item-60 {
    margin: 60px;
}

.gall img {
    width: 100%;
}

.title-h3 {
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
}

#contact {
    padding: 50px 0px;
}

.input-contact {
    width: 100%;
    border: none;
    border-bottom: 2px solid #ff5252;
    padding: 15px;
    margin: 30px 0px;
}

.input-contact:focus {
    outline: none;
}

.button-contact {
    padding: 10px 20px;
    background: #ff5252;
    color: white;
    border: 1px solid;
    border-radius: 2px;
    margin: 20px 0px;
}

.color-white {
    color: white;
}

.color-title {
    color: #ff5252
}

.footer {
    padding: 30px 0px;
    background: #2c2c2d;
}

.icon {
    font-size: 20px !important;
    width: 30px;
    color: #ff5252;
}

.mailto {
    color: white;
}

.mailto:hover,
.mailto:focus {
    text-decoration: none;
    color: white;
}

@media screen and (max-width: 768px) {
    /*.navbar-brand {
        padding: 0px 15px !important;
    }
    .navbar-brand>img {
        height: 40px;
    }*/
}

@media screen and (max-width: 767px) {
    .navbar-default .navbar-nav>li>a {
        padding: 10px 15px;
    }

    .navbar-brand {
        padding: 0px 15px !important;
    }

    .navbar-brand>img {
        height: 35px;
        margin-top: 5px;
    }

    .input-contact {
        margin: 10px 0px;
    }

    .button-contact {
        margin: 10px 0px;
    }

    .title {
        margin-top: 30px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .title-one {
        padding-left: 60px;    
    }

    .title-two {
        padding-right: 60px;    
    }
}

@media screen and (min-width: 768px) {
    .navbar-nav>li.select>a:after {
        content: "";
        height: 2px;
        width: 10px;
        background: #ff5252;
        position: absolute;
        top: 20px;
        left: 10px;
        transition: all 0.3s;
    }

    .navbar-nav>li.select>a:before {
        content: "";
        height: 10px;
        width: 2px;
        background: #ff5252;
        position: absolute;
        top: 20px;
        left: 10px;
        transition: all 0.3s;
    }

    .navbar-nav>li.select:after {
        content: "";
        height: 2px;
        width: 10px;
        background: #ff5252;
        position: absolute;
        bottom: 20px;
        right: 10px;
        transition: all 0.3s;
    }

    .navbar-nav>li.select:before {
        content: "";
        height: 10px;
        width: 2px;
        background: #ff5252;
        position: absolute;
        bottom: 20px;
        right: 10px;
        transition: all 0.3s;
    }
}

@font-face{font-family:"San Francisco";font-weight:500;src:url(frontend/fonts/sanfranciscodisplay-semibold-webfont.woff2),url(frontend/fonts/sanfranciscodisplay-semibold-webfont.woff) format('woff'),url(frontend/fonts/sanfranciscodisplay-semibold-webfont.ttf) format('truetype')}.badge{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;text-align:left;white-space:nowrap;text-decoration:none;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #ddd;padding:4px 8px;margin:5px auto;border-radius:4px;color:#fff;fill:#fff;background:#000;line-height:1em;min-width:190px;height:45px;-webkit-transition:.2s ease-out;transition:.2s ease-out;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-tap-highlight-color:transparent;font-family:system,-apple-system,'.SFNSDisplay-Regular','San Francisco','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:500;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:'liga','kern'}.badge:focus,.badge:hover{background:#111;color:#fff;fill:#fff;border-color:#fff;-webkit-transform:scale(1.01) translate3d(0,-1px,0);transform:scale(1.01) translate3d(0,-1px,0);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.2)}.badge:active{outline:0;background:#353535;-webkit-transition:none;transition:none}.badge__icon,.badge__storename,.badge__text{display:inline-block;vertical-align:top}.badge__icon{width:30px;height:30px;margin-right:5px;margin-top:2px}.badge__text{letter-spacing:.08em;margin-top:-.1em;font-size:10px}.badge__storename{display:block;margin-left:38px;margin-top:-17px;font-size:22px;letter-spacing:-.03em}.badge--small{padding:2px 8px;min-width:118.75px;height:24px;border-radius:3px}.badge--small .badge__icon{width:1pc;height:1pc;margin:1px 2px 0 0}.badge--small .badge__text{display:none}.badge--small .badge__storename{font-size:9pt;display:inline-block;margin:0;vertical-align:middle}.badge--tiny{padding:3px;width:22px;height:22px;min-width:0;border-radius:3px}.badge--tiny .badge__icon{width:14px;height:14px;margin:0}.badge--tiny .badge__storename,.badge--tiny .badge__text{display:none}