body {
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    color: #11203d;
}

h1, h2, h3, h4 {
    color: #11203d;
    font-family: 'Roboto', sans-serif;
}

.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

    .affix + section {
        margin-top: 170px !important;
    }


p {
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 15px;
    font-family: 'Roboto', sans-serif;
    color: rgb(74, 73, 73);
}

ul {
    font-family: 'Roboto', sans-serif;
}

.clear_div {
    clear: both;
}


.fonts {
    font-family: 'Open Sans',Arial,sans-serif;
}

.center-all {
    margin: 0 auto;
    display: block;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-80 {
    margin-top: 80px !important;
}



.navbar-inverse .nav li a {
    letter-spacing: 0.2px;
    color: #514f4f;
}

.navbar-inverse .navbar-nav > li > a {
    color: #cccaca !important;
}

    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        color: #fff !important;
        background-color: transparent;
    }



section {
    padding-top: 40px;
}

.navbar-default {
    background: white !important;
}



@media (min-width: 768px) {


    .md-text-right {
        text-align: right;
    }


    .menu-details {
        padding-left: 0px !important;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}


.menu-custom {
    /*background: #1b1c1c !important;*/
    border: none !important;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    padding: 10px 0px;
}

    .menu-custom li a {
        color: #11203d !important;
        font-size: 23px;
        font-weight: 500;
    }

        .menu-custom li a:hover {
            color: #314f99 !important;
        }

.navbar-links {
    padding-top: 15px;
}



.menu-active {
    background: #008fd5;
}

.link-style {
    color: white;
}

.white {
    color: white !important;
}

.contact-small-head {
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 20px;
    font-weight: 600;
    color: #d3ad69 !important;
}

.font-1 {
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 18px;
}

.link2 {
    color: #eeeeee;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 18px;
}

    .link2:hover {
        text-decoration: none;
        color: #eeeeee;
    }

    .link2:active {
        text-decoration: none;
        color: #eeeeee;
    }

    .link2:focus {
        text-decoration: none;
        color: #eeeeee;
    }



.link3 {
    color: white;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 16px;
}

    .link3:hover {
        text-decoration: none;
        color: #eeeeee;
    }

    .link3:active {
        text-decoration: none;
        color: #eeeeee;
    }

    .link3:focus {
        text-decoration: none;
        color: #eeeeee;
    }

.bg-images-box-colored {
    background: #222;
}

    .bg-images-box-colored h3 {
        color: #d3ad69;
    }

    .bg-images-box-colored p {
        color: #eeeeee;
    }

.titlebar-details span {
    text-align: right;
    font-family: 'Josefin Sans', sans-serif !important;
    /* color: white; */
    font-size: 17px;
    margin-left: 20px;
}

.titlebar-icons {
    width: 23px;
    height: 23px;
    line-height: 23px !important;
    text-align: center;
    background: #64605a;
    color: white;
    font-size: 12px !important;
    border-radius: 28px;
    margin-right: 1px;
}

.heading-border-line {
    border: 2px solid white;
    width: 80px;
}


.btn-custom {
    font-size: 20px !important;
    margin-top: 20px;
    color: white;
    border-radius: 0px !important;
    font-family: 'Josefin Sans', sans-serif !important;
    padding: 14px 30px 10px 30px !important;
}

.bg-images-box {
}

.title1 {
    color: #d3ad69;
    font-size: 22px;
    font-weight: 300;
}

.main-box {
    background: #eeeeee;
}

.clr-div {
    padding: 0px !important;
}

.box2 {
    /*background: white;*/
}

.box1 {
    padding: 40px 80px;
    background: #131313;
    text-align: center;
}


.section-bg-banner-overlay h1 {
    /*color: #333;*/
    font-weight: 700 !important;
}

.logo-image {
    width: 280px;
}

.profile-box h3 {
    color: #d3ad69;
}


@media(min-width:768px) {
    .img-top {
        margin-top: 70px;
    }

    .navbar-links {
        /*margin-top: 20px !important;*/
    }
}

@media(max-width:767px) {

    .logo-div {
        width: 250px !important;
    }

    footer {
        padding-bottom: 30px !important;
    }

    .logo-image {
        width: 150px !important;
    }

    .google-map {
        margin-bottom: 40px;
    }

    .menu-custom li a {
        font-size: 17px !important;
    }

    .text-style p {
        font-size: 17px !important;
    }

    .game-images-box img {
        width: 100%;
    }

    .container-heading h1 {
        font-size: 33px !important;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-top: 10px !important;
    }

    p {
        line-height: 26px !important;
        font-size: 15px;
    }

    .services-box-list h3 {
        font-size: 20px;
        margin-top: 20px;
    }

    .services-box-list {
        margin-top: 30px;
    }

    .profile-details a {
        font-size: 14px;
    }

    .quote-box h1 {
        font-size: 32px;
        margin-bottom: 0px;
    }

    .profile-mail {
        margin-left: 6px;
    }

    .profile-box h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .profile-box h3 {
        font-size: 17px;
        margin-top: 0px;
    }


    .logo-div {
        margin: 0 auto !important;
        display: block !important;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background: white !important;
    }

    .md-text-right {
        display: none;
    }

    .navbar-default .navbar-toggle {
        border-color: white !important;
    }

    .navbar-toggle {
        background: #333 !important;
    }


    .section-bg-banner-overlay {
        padding: 80px 0px 80px 0px;
    }

        .section-bg-banner-overlay h1 {
            font-size: 23px;
        }
}


@media(min-width:1100px) {
    .container {
        width: 1130px !important;
    }
}




/**/
.container-heading {
    background: #132a64;
    text-align: center;
    color: white;
    padding: 20px 10px;
    margin-bottom: 50px;
}

    .container-heading h1 {
        margin: 0px;
        padding: 0px;
        font-weight: 700 !important;
        text-transform: uppercase;
        font-size: 46px;
    }

.game-images-box {
    position: relative;
}

.game-images-box-text {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgba(0,0,0,0.67);
    left: 0px;
    color: white;
    padding: 10px;
}

    .game-images-box-text h3 {
        margin-bottom: 0px;
        font-weight: 600;
        margin-top: 5px;
    }

    .game-images-box-text h4 {
        margin-top: 4px;
        margin-bottom: 10px;
        font-size: 17px;
        font-weight: 600;
    }

    .game-images-box-text p {
        color: white;
        line-height: 21px;
        font-size: 15px;
    }

.game-images-box {
    margin-bottom: 20px;
}

.btn-default {
    background-color: rgba(255, 255, 255, 0.85) !important;
    text-decoration: none;
    color: #11203d !important;
    font-weight: 600 !important;
}

    .btn-default:hover {
        background-color: white !important;
        text-decoration: none;
        color: #11203d !important;
        font-weight: 600 !important;
    }

.text-style p {
    font-size: 22px;
    color: #11203d !important;
    line-height: 33px;
}


.team-section h4 {
    color: gray;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.team-section h3 {
    font-weight: 700;
    font-size: 20px;
    color: #11203d;
}

.team-section a {
    color: #333;
}

    .team-section a:hover {
        color: #333;
        text-decoration: none;
    }



.team-img {
    margin-top: 26px;
    margin-bottom: 20px;
}

.career h2 {
    color: #11203d;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 40px;
    font-size: 23px;
}

.career a:hover {
    text-decoration: none;
}

.contact-details a {
    color: #11203d;
}

    .contact-details a:hover {
        text-decoration: none;
    }

.contact-details p {
    font-size: 21px;
}

footer {
    background: #222;
    margin-top: 60px;
    padding-top: 15px;
}

    footer p {
        color: white;
    }


    footer ul li a {
        color: #c7c6c6;
    }

        footer ul li a:hover {
            color: white;
            text-decoration: none;
        }

    footer ul li {
        float: right;
    }


@media(min-width:768px) and (max-width:1100px) {
    .menu-custom li a {
        font-size: 18px !important;
    }

    .logo-image{
        width:180px !important;
        margin-top:10px
    }
}