/*------------------------------------------------------------------

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500'); /* Raleway Font */
@import url('https://fonts.googleapis.com/css?family=Open+Sans'); /* Open Sans Font */
@font-face {
    font-family: 'Anurati';
    src: url('../fonts/Anurati-Regular.otf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.otf');
}

/*diagnal slides*/

.oversection {
    background:rgba(17,17,17,.9) !important;padding:4rem 1rem;
}
.oversection.no-top {
    background:rgba(17,17,17,.9) !important;padding:0 1rem 4rem 1rem;
}
.oversection.no-bottom {
    background:rgba(17,17,17,.9) !important;padding:4rem 1rem 0 1rem;
}
.isection{
   background:rgba(17,17,17,1) !important; 
}
#footer #copyright{
    font-size:.6rem;
}
#footer .social-links i{
    font-size:.6rem;
}
.gr img
{
    display: block !important;
    margin: 0px !important;
}

.gr .content_title
{
    position: absolute !important;
    padding: 50px 40px 50px 80px !important;
    background-color: #FFF !important;
    z-index: 100 !important;
    font-size: 22px !important;
    margin-left: -60px !important;
    -webkit-transform: translate3d(0, 0, 0) skew(-20deg, 0deg) !important;
    -moz-transform: translate3d(0, 0, 0) skew(-20deg, 0deg) !important;
    -ms-transform: translate3d(0, 0, 0) skew(-20deg, 0deg) !important;
    transform: translate3d(0, 0, 0) skew(-20deg, 0deg) !important;
}

.gr .content_title .text
{
    -webkit-transform: translate3d(0, 0, 0) skew(20deg, 0deg) !important;
    -moz-transform: translate3d(0, 0, 0) skew(20deg, 0deg) !important;
    -ms-transform: translate3d(0, 0, 0) skew(20deg, 0deg) !important;
    transform: translate3d(0, 0, 0) skew(20deg, 0deg) !important;
}

.gr .content_slider
{
    width: 100% !important;
    overflow: hidden !important;
}

.gr .gallery_content
{
    overflow: hidden !important;
    margin-left: -170px !important;
    width:500px;
}

.gr .gallery_item
{
    float: left !important;
    overflow: hidden !important;
    vertical-align: top !important;
    margin-left: -2px !important;
    -webkit-transition: width 500ms !important;
    -moz-transition: width 500ms !important;
    -o-transition: width 500ms !important;
    transition: width 500ms !important;
    /*-webkit-transform: translate3d(0, 0, 0) skew(-20deg, 0deg) !important;*/
    /*-moz-transform: translate3d(0, 0, 0) skew(-20deg, 0deg) !important;*/
    /*-ms-transform: translate3d(0, 0, 0) skew(-20deg, 0deg) !important;*/
    /*transform: translate3d(0, 0, 0) skew(-20deg, 0deg) !important;*/
}

/*.gallery_item .img:before*/
/*{*/
/*    content: '';*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  border-top: 380px solid #111111 !important;*/
/*  border-right: 380px solid transparent !important;*/
  
/*  width: 0;*/
/*}*/

.gr .gallery_item .img
{
    position: relative !important;
    /*-webkit-transform: translate3d(0, 0, 0) skew(20deg, 0deg) !important;*/
    /*-moz-transform: translate3d(0, 0, 0) skew(20deg, 0deg) !important;*/
    /*-ms-transform: translate3d(0, 0, 0) skew(20deg, 0deg) !important;*/
    /*transform: translate3d(0, 0, 0) skew(20deg, 0deg) !important;*/
}

.album-list-item {
    position: relative;
}

/* album list item image */
.album-list-item .ali-img-wrap {
    position: relative;
}
.album-list-item .ali-img-wrap .ali-img {
    position: relative;
    z-index: 2;
}

/* album list item link */
.album-list-item .ali-link {
    display: block;
    text-decoration: none;
}

/* album list item caption */
.album-list-item .ali-caption {
    position: absolute;
    display: block;
    bottom: -1px;
    left: -1px;
    right: -1px;
    padding: 5% 7% 4% 7%;
    text-align: center;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.album-list-item:hover .ali-caption {
    background-color: rgba(255, 255, 255, 0.95);
    padding-top: 7%;
    padding-bottom: 6%;
}

/* album list item title */
.album-list-item .ali-title {
    display:block;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* album list item meta */
.album-list-item .ali-meta {
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    color: #666;
}

/* album list item share */
.album-list-item .album-share {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-size: 14px;
    color: #333;
    z-index: 9;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.album-list-item:hover .album-share {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.album-list-item .album-share:hover {
    background-color: rgba(255, 255, 255, 0.95);
}

@media (max-width : 767px) {
    .album-list-item .album-share {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}


/* album list item styles - if "gutter-2" and "gutter-3" enabled 
================================================================== */
/* album list item style-1 */
.gutter-2 .ali-style-1.isotope-items-wrap,
.gutter-3 .ali-style-1.isotope-items-wrap {
    margin-top: 10px;
    margin-right: 10px;
}
.ali-style-1 .owl-carousel .owl-stage,
.ali-style-1 .owl-carousel .owl-stage-outer {
    padding-top: 5px;
    padding-bottom: 5px;
}
@media (max-width : 767px) {
    .ali-style-1.isotope-items-wrap {
        margin-top: 5px;
        margin-right: 5px;
    }
}
.ali-style-1 .album-list-item .ali-img-wrap {
    box-shadow: 0 0 0 1px #FFF;
}
.gutter-2 .ali-style-1 .album-list-item .ali-img-wrap:before, 
.gutter-3 .ali-style-1 .album-list-item .ali-img-wrap:before,
.ali-style-1 .owl-carousel .album-list-item .ali-img-wrap:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.13);
    z-index: 1;
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg);

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ali-style-1 .album-list-item:hover .ali-img-wrap:before {
    -webkit-transform: rotate(2.5deg);
    -ms-transform: rotate(2.5deg);
    transform: rotate(2.5deg);
}
.gutter-2 .ali-style-1 .album-list-item .ali-img-wrap:after, 
.gutter-3 .ali-style-1 .album-list-item .ali-img-wrap:after,
.ali-style-1 .owl-carousel .album-list-item .ali-img-wrap:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.13);
    z-index: 1;
    -webkit-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ali-style-1 .album-list-item:hover .ali-img-wrap:after {
    -webkit-transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    transform: rotate(-2.5deg);
}

/* album list item style-2 */
.gutter-2 .ali-style-2.isotope-items-wrap,
.gutter-3 .ali-style-2.isotope-items-wrap {
    margin-top: 8px;
}
.ali-style-2 .owl-carousel .owl-stage,
.ali-style-2 .owl-carousel .owl-stage-outer {
    padding-top: 5px;
}
.gutter-2 .ali-style-2 .album-list-item .ali-img-wrap:before, 
.gutter-3 .ali-style-2 .album-list-item .ali-img-wrap:before,
.ali-style-2 .owl-carousel .album-list-item .ali-img-wrap:before {
    position: absolute;
    content: "";
    top: -3px;
    left: 8px;
    right: 8px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ali-style-2 .album-list-item:hover .ali-img-wrap:before {
    top: -4px;
}
.gutter-2 .ali-style-2 .album-list-item .ali-img-wrap:after, 
.gutter-3 .ali-style-2 .album-list-item .ali-img-wrap:after,
.ali-style-2 .owl-carousel .album-list-item .ali-img-wrap:after {
    position: absolute;
    content: "";
    top: -5px;
    left: 13px;
    right: 13px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ali-style-2 .album-list-item:hover .ali-img-wrap:after {
    top: -7px;
}


/* album list item caption styles 
=================================== */
/* album list caption boxed */
.caption-boxed .album-list-item .ali-caption {
    bottom: 30px;
    left: 8%;
    right: 8%;
}
.caption-boxed .album-list-item .album-share {
    top: 30px;
    right: 8%;
}
@media (max-width : 768px) {
    .caption-boxed .album-list-item .ali-caption {
        bottom: -1px;
        left: -1px;
        right: -1px;
        padding-top: 5%;
        padding-bottom: 4%;
    }
    .caption-boxed .album-list-item .album-share {
        top: 0;
        right: 0;
    }
}

/* album list caption dark */
.caption-dark .album-list-item .ali-caption {
    background-color: rgba(0, 0, 0, 0.6);
}
.caption-dark .album-list-item:hover .ali-caption {
    background-color: rgba(0, 0, 0, 0.9);
}
.caption-dark .album-list-item .ali-title {
   color: #EEE;
}
.caption-dark .album-list-item .ali-meta {
   color: #CACACA;
}

.caption-dark .album-list-item .album-share {
   background-color: rgba(0, 0, 0, 0.7);
   color: #EEE;
}
.caption-dark .album-list-item .album-share:hover {
   background-color: rgba(0, 0, 0, 0.9);
}

/* album list caption gradient */
.caption-gradient .album-list-item .ali-caption {
    bottom: -1px;
    left: -1px;
    right: -1px;
    text-align: left;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    -moz-text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    -webkit-text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}
.caption-gradient .album-list-item:hover .ali-caption {
    padding-top: 5% !important;
    padding-bottom: 4% !important;
}
.caption-gradient .album-list-item .ali-caption,
.caption-gradient .album-list-item:hover .ali-caption {
    background-color: transparent;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,111111+100&0+0,0.8+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(17,17,17,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(17,17,17,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(17,17,17,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc111111',GradientType=0 ); /* IE6-9 */
}

.caption-gradient .album-list-item .ali-title {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    color: #FFF;
    overflow: visible;
    white-space: normal;
    text-overflow: inherit;
}
.caption-gradient .album-list-item .ali-title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 18px;
    height: 1px;
    border-bottom: 2px solid #DDD;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.caption-gradient .album-list-item:hover .ali-title:after {
    width: 100%;
}
.caption-gradient .album-list-item .ali-meta {
    color: #DDD;
}

.caption-gradient .album-list-item .album-share {
    top: auto;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    color: #EEE;
}
.caption-gradient .album-list-item .album-share:hover {
    background-color: transparent;
}
@media (max-width: 768px) {
    .caption-gradient .album-list-item .album-share {
        bottom: auto;
        top: 10px;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 20px;
    }
    .caption-gradient .album-list-item .album-share:hover {
        background-color: rgba(0, 0, 0, 0.6);
    }
}

/* album list caption sizes */
.caption-sm .album-list-item .ali-caption .ali-title {
    font-size: 18px;
    font-weight: 300;
}
.caption-sm .album-list-item .ali-meta {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 300;
}

.caption-lg .album-list-item .ali-caption .ali-title {
    font-size: 28px;
    font-weight: 100;
}
.caption-lg .album-list-item .ali-meta {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 300;
}

.caption-xlg .album-list-item .ali-caption .ali-title {
    font-size: 38px;
    font-weight: 100;
}
.caption-xlg .album-list-item .ali-meta {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 300;
}

/* album list caption outside */
.caption-outside .album-list-item .ali-caption {
    position: static;
    background: transparent;
    background-color: transparent;
    padding: 5% 0 7% 0;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
}
.caption-outside .album-list-item:hover .ali-caption {
    background: transparent;
    background-color: transparent;
    padding-top: 5% !important;
    padding-bottom: 0 !important;
}
.gutter-2 .caption-outside .album-list-item .ali-caption,
.gutter-3 .caption-outside .album-list-item .ali-caption {
    padding-bottom: 0 !important;
}
.caption-outside .album-list-item .ali-title {
    color: #333;
}
.caption-outside .album-list-item:hover .ali-title {
    color: #000;
}
.caption-outside.caption-gradient .album-list-item .ali-title:after {
    border-bottom-color: #333;
}
.caption-outside .album-list-item .ali-meta {
    color: #999;
}

.caption-outside .album-list-item .album-share {
    top: 10px;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
}
.caption-outside .album-list-item .album-share:hover {
    background-color: rgba(255, 255, 255, 0.95);
}


/* ------------------------------------------------------------- *
 *  Album list carousel
/* ------------------------------------------------------------- */

#content-section.album-list-carousel {
    padding: 45px;
}
@media (max-width: 992px) {
    #content-section.album-list-carousel {
        padding: 15px;
    }
}

/* album list carousel item */
.album-list-carousel .ali-img {
    min-height: 500px;
}

/* album list carousel item image zoom on hover */
.album-list-carousel .hover-zoom .album-list-item {
    overflow: hidden;
}
.album-list-carousel .hover-zoom .album-list-item .ali-img-wrap {
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
.album-list-carousel .hover-zoom .album-list-item:hover .ali-img-wrap {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

/* disable dots on smaller screens */
@media (max-width: 992px) {
    .album-list-carousel .owl-dots { 
        display: none;
    }
}


/* ------------------------------------------------------------- *
 *  Album single carousel
/* ------------------------------------------------------------- */

#content-section.album-single-carousel {
    padding: 45px;
}
@media (max-width: 992px) {
    #content-section.album-single-carousel {
        padding: 15px;
    }
}

/* album single carousel item */
.album-single-carousel .album-single-item {
    min-height: 445px;
}

/* disable dots on smaller screens */
@media (max-width: 992px) {
    .album-single-carousel .owl-dots { 
        display: none;
    }
}


/* ---------------------------------------------------------------------- *
 *  Full carousel - full height carousel layout (class: "full-carousel")
 *  Note: for "album-list-carousel" and "album-single-carousel" only!
/* ---------------------------------------------------------------------- */

#content-section.full-carousel {
    min-height: 100%;
    padding: 0px;
}
@media (max-width: 992px) {
    #content-section.full-carousel {
        padding: 0px;
    }
}

/* carousel full height elements */
.full-carousel .content-wrap,
.full-carousel .owl-carousel,
.full-carousel .owl-stage-outer,
.full-carousel .owl-stage,
.full-carousel .owl-item,
.full-carousel .album-list-item,
.full-carousel .album-single-item,
.full-carousel .ali-link,
.full-carousel .ali-img-wrap,
.full-carousel .ali-img {
/*    height: 100%;*/
    height: 100vh;
    max-height: 100%;
}

/* full carousel content wrap */
.full-carousel .content-wrap {
    padding: 0;
}

/* full carousel dots position outside */
.full-carousel .dots-outside {
    padding-bottom: 40px;
}
.full-carousel .dots-outside .owl-dots, 
.full-carousel .dots-outside .owl-nav.disabled + .owl-dots {
    bottom: 10px;
}

/* if album heading secion is enabled */
#page-header-secion + .full-carousel { 
    min-height: 785px;
    padding: 20px;
}
#page-header-secion + .full-carousel .content-wrap { 
    padding: 40px;
}
#page-header-secion + .full-carousel .dots-outside {
    padding-bottom: 0;
}
#page-header-secion + .full-carousel .dots-outside .owl-dots {
    bottom: -30px;
}

@media (max-width: 992px) {
    #page-header-secion + .full-carousel { 
        padding: 15px;
    }
    #page-header-secion + .full-carousel .content-wrap { 
        padding: 20px;
    }
    #page-header-secion + .full-carousel .dots-outside {
        padding-bottom: 20px;
    }

    /* Disable full heigt on smaller screens */
    #page-header-secion + .full-carousel { 
        height: auto !important;
        min-height: auto;
    }
    #page-header-secion + .full-carousel .content-wrap,
    #page-header-secion + .full-carousel .owl-carousel,
    #page-header-secion + .full-carousel .owl-stage-outer,
    #page-header-secion + .full-carousel .owl-stage,
    #page-header-secion + .full-carousel .owl-item,
    #page-header-secion + .full-carousel .album-list-item,
    #page-header-secion + .full-carousel .album-single-item,
    #page-header-secion + .full-carousel .ali-link,
    #page-header-secion + .full-carousel .ali-img-wrap,
    #page-header-secion + .full-carousel .ali-img {
        height: auto;
    }
    #page-header-secion + .album-list-carousel .ali-img {
        min-height: 360px;
    }
}

/* disable dots on smaller screens */
@media (max-width: 992px) {
    .full-carousel .owl-dots { 
        display: none;
    }
    .full-carousel .dots-outside {
        padding-bottom: 0 !important;
    }
}


/* OWL controls */
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    position: absolute;
}

/* Prev/Next buttons */
.owl-nav {
    /*margin: 0;*/
    margin: 0;
    z-index: 1000111011;
    position: absolute;
    left: 0;
    right: 0;
    top: 50vh;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    top: 50%;
    width: 60px;
    height: 60px;
    line-height: 62px;
    background-color: rgba(255, 255, 255, 0.25);
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    opacity: 0;
    overflow: visible;
    z-index: 999;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.owl-carousel .owl-nav .owl-prev { padding-right: 3px; }
.owl-carousel .owl-nav .owl-next { padding-left: 3px; }

@media only screen and (max-width: 992px) {
    .owl-carousel .owl-nav .owl-prev, 
    .owl-carousel .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        line-height: 42px;
        opacity: 1;
    }
}


.owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next {
    opacity: 1;
}
.owl-carousel .owl-nav .owl-prev:hover, 
.owl-carousel .owl-nav .owl-next:hover {
    background-color: rgba(255, 255, 255, 0.85);
    color: #333;
}
.owl-carousel .owl-nav .owl-prev {
    left: 10px;
}
.owl-carousel .owl-nav .owl-next {
    right: 10px;
}
@media only screen and (min-width: 992px) {
    .owl-carousel:hover .owl-nav .owl-prev {
        left: 20px;
    }
    .owl-carousel:hover .owl-nav .owl-next {
        right: 20px;
    }
}

/* Prev/Next buttons disabled (no loop) */
.owl-carousel .owl-nav .owl-prev.disabled, 
.owl-carousel .owl-nav .owl-next.disabled {
    background-color: rgba(173, 173, 173, 0.3);
    color: #888;
}

/* Prev/Next buttons positions outside (left/right) */
.owl-carousel.nav-outside .owl-nav .owl-prev, 
.owl-carousel.nav-outside .owl-nav .owl-next {
    width: 60px;
    height: 60px;
    line-height: 62px;
    background-color: #FFF;
    color: #666;
    opacity: 1;
}
.owl-carousel.nav-outside .owl-nav .owl-prev:hover, 
.owl-carousel.nav-outside .owl-nav .owl-next:hover {
    color: #000;
}
.owl-carousel.nav-outside .owl-nav .owl-prev.disabled, 
.owl-carousel.nav-outside .owl-nav .owl-next.disabled {
    background-color: #FFF;
    color: #CCC;
}
.owl-carousel.nav-outside .owl-nav .owl-prev {
    left: -40px;
}
.owl-carousel.nav-outside .owl-nav .owl-next {
    right: -40px;
}
@media (max-width: 992px) {
    .owl-carousel.nav-outside .owl-nav .owl-prev, 
    .owl-carousel.nav-outside .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        line-height: 42px;
    }
    .owl-carousel.nav-outside .owl-nav .owl-prev {
        left: -20px;
    }
    .owl-carousel.nav-outside .owl-nav .owl-next {
        right: -20px;
    }
}

/* Prev/Next buttons positions outside-top */
.nav-outside-top .owl-nav {
    position: absolute;
    top: -35px;
    right: 0;
    width: 65px;
}
.nav-outside-top .owl-nav .owl-prev, .nav-outside-top .owl-nav .owl-next {
    width: 30px;
    height: 30px;
    line-height: 32px;
    background: transparent;
    font-size: 16px;
    color: #333;
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.nav-outside-top .owl-nav .owl-prev:hover, .nav-outside-top .owl-nav .owl-next:hover {
    background-color: transparent;
    color: #987F28;
}
.nav-outside-top .owl-nav .owl-prev.disabled, .nav-outside-top .owl-nav .owl-next.disabled {
    background-color: transparent;
    color: #D0D0D0;
}
.nav-outside-top:hover .owl-nav .owl-prev {
    left: 0;
}
.nav-outside-top:hover .owl-nav .owl-next {
    right: 0;
}


/* Prev/Next buttons rounded */
.nav-rounded .owl-nav .owl-prev, .nav-rounded .owl-nav .owl-next {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.nav-outside-top.nav-rounded .owl-nav .owl-prev, .nav-outside-top.nav-rounded .owl-nav .owl-next {
}
.nav-outside-top.nav-rounded .owl-nav .owl-prev:hover, .nav-outside-top.nav-rounded .owl-nav .owl-next:hover {
}
.nav-outside-top.nav-rounded .owl-nav .owl-prev.disabled, .nav-outside-top.nav-rounded .owl-nav .owl-next.disabled {
}

/* Dots */
.owl-dots, .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 15px;
    margin-top: 0px;
    left: 50%;
    overflow: visible;
    z-index: 999;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    background-color: #C1C1C1;
    margin: 0px 8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
    background-color: #000;
}

/* Dots positions outside */
.dots-outside {
}
.dots-outside .owl-dots, .dots-outside .owl-nav.disabled + .owl-dots {
    bottom: -30px;
}
.dots-left .owl-dots, .dots-left .owl-nav.disabled + .owl-dots {
    left: 15px;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.dots-right .owl-dots, .dots-right .owl-nav.disabled + .owl-dots {
    left: auto;
    right: 15px;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

/* Dots rounded */
.dots-rounded .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* disable dots on smaller screens (globally) */
@media (max-width: 992px) {
    .owl-dots { 
        display: none;
    }
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    background-color: rgba(0, 0, 0, 0.25);
    color: #FFF;
}

/* --------------------------- /////////// I. GENERAL /////////// --------------------------- */
/* -Color- */
.colored {
    color: #E48632;
}
/* -Link Styling- */
a {
    color: #F39C12;
    /*font-family: Raleway, sans-serif;*/
    font-family: 'Montserrat';
	text-decoration: none;
}
a:visited {
    color: #222;
    text-decoration: none;
}
a:hover {
    color: #E48632;
	text-decoration: underline;
}
a:active {
    color: #E48632;
    text-decoration: underline;
}
a:focus {
    color: #E48632;
    text-decoration: none;
}
/* -Resets- */
html{
   background-color: #111 !important; 
}
html, body { 
    background-color: transparent;
/*    background: url(../images/bg.png);*/
    /*background-repeat: repeat;*/
    color: #FFF;
    font-size: 16px;
    line-height: 1.5rem; /* 24px */
    max-width: 100%;
	overflow-x: hidden;
	/*z-index:1;*/
}
/* -Full width fluid container- */
.full-width {
    padding-left: 0;
    padding-right: 0;
}
/* -Text Styling */
h1,h2,h3,h4,h5,h6 {
	/*font-family: Raleway, sans-serif;*/
	font-family: 'Montserrat';
}
h1 {
    font-size: 2.25rem; /* 36px */
    font-family: Anurati, sans-serif;
    letter-spacing: 5px;
} 
h2 {
    font-size: 1.50rem; /* 24px */
    font-weight: 500;
}
h3 {
    font-size: 1.25rem; /* 20px */
    font-weight: 400;
}
h4 {
    font-size: 1.10rem;
    font-weight: 300;
}
p {
    /*font-family: Open Sans, sans-serif;*/
    font-family: 'Montserrat';
    font-size: 0.9375rem; /* 15px */
    padding: 5px 5px 5px 0;
    margin: 0;
}
.strong {
    font-weight: bold;
}
.subtle {
	color: #999;
}
.spaced {
    letter-spacing: 5px;
}
.text-center {
	text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
ul {
    list-style-type: none;
    padding: 0;
}
/* -Margins and Floats- */
.floated-left {
     float: left;
}
.floated-right {
    float: right;
}
.inline {
	display: inline;
}
.offset {
	margin-left: 10px;
}
.tiny-margin {
    padding-bottom: 1.5em /* 24px */
}
.small-margin {
	padding-bottom: 3em; /* 48px */
}
.medium-margin {
	padding-bottom: 6em; /* 96px */
}
.large-margin {
	/*margin-bottom: 12em; */
	padding-bottom: 12em; /* 192px */
}
/* -<hr>- */
hr {
    width: 100%;
    height: 2px;
    background: #E48632;
    margin: 20px 0;
    border: none;
}
.hr-short {
    width: 100px;
    height: 2px;
    margin: 5px auto;
}
.short-hr-left::after {
    border-top: 2px solid;
    border-color: #E48632;
    content: "";
    display: block;
    height: 1px;
    width: 60px;
    margin: 13px 0 0 0;
}
.short-hr-center::after {
    border-top: 2px solid;
    border-color: #E48632;
    content: "";
    display: block;
    height: 1px;
    width: 60px;
    margin: 13px auto 0 auto;
}
/* General input fields */
input {
    height: 45px;
    padding-left: 10px;
    border: 1px solid #D4D4D4 !important;
}
input:focus {
    border: 1px solid #333;
    outline: none;
}
textarea {
    height: 150px;
	width: 100%;
    max-width: 100%;
	padding-top: 10px;
	padding-left: 10px;
    border: 1px solid #D4D4D4 !important;
}
textarea:focus {
    border: 1px solid #333;
    outline: none;
}
/* -General Button Styles */
button {
    outline: none !important;
}
.button {
	background: #E48632;
    border: none;
    border-radius: 2px;
    color: #FFF;
    font-family: Raleway, sans-serif;
    font-weight: 500;
	display: block;
	height: auto;
    width: auto;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
    padding: 5px 15px;
    outline: none;
	transition: all 0.2s ease;
    cursor: pointer;
}
.button:hover {
	background: #FFF;
	color: #2B2B2B;
}
/* --------------------------- /////////// II. PAGE PRELOADER /////////// --------------------------- */
/* -Loading Screen- */
#loader-wrapper {
    background: #111;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 1050;
    
}

.loader-logo {
    position: relative;
    color: #FFF;
    top: 43%;
    font-family: Anurati, sans-serif;
    letter-spacing: 5px;
}
#progress {
    width: 0;
    height: 2px;
    background: #E48632;
    position: relative;
    top: 45%;
}
.loader-text {
    position: relative;
    color: #FFF;
    top: 48%;
}

/* -Loading Screen Animation- */
.loaded {
    -moz-transform: translate3d(0px, -100%, 0px);
    -webkit-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    transform: translate3d(0px, -100%, 0px);
    -webkit-transition: all 0.5s ease; 
    transition: all 0.5s ease;
}


/* --------------------------- /////////// III. HEADER & NAVIGATION /////////// --------------------------- */
#logo {
    font-family: Anurati, sans-serif;
    font-size: 1.75rem; /* 28px */;
    letter-spacing: 5px;
}
.navbar-dark {
    background-color: rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,0);
    z-index: 900;
    transition: 0.3s;
}
.scrolled {
    background-color: rgba(0,0,0,0.8); /* navbar background gradient */
    z-index: 900;
}
.nav-link {
    font-size: 1.125rem;
    font-weight: 500;
    margin-top: 5px;
    transition: 0.2s;
    font-family: 'Montserrat';
}
.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
    white-space: nowrap;
    font-size: 1rem;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: #E48632;
}
.navbar-dark .navbar-nav .nav-link:active {
    color: #E48632;
}
.navbar-dark .navbar-nav .nav-link:focus {
    color: #E48632;
}
.navbar-toggler {
    border: none;
    cursor: pointer;
}
#hamburger .icon-bar {
    display: block;
    height: 2px;
    width: 25px;
    background: #FFF;
    margin: 7px 0;
    transition: .3s ease-in-out;
}
/* - Mobile menu animation - */
#hamburger .icon-bar:nth-child(1) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#hamburger .icon-bar:nth-child(2) {
   -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#hamburger .icon-bar:nth-child(3) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#hamburger.open .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#hamburger.open .icon-bar:nth-child(2) {
    width: 0%;
    opacity: 0;
}
#hamburger.open .icon-bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* --------------------------- /////////// IV. HERO SECTION /////////// --------------------------- */
/* -Image Overlay- */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}
/* -Progress Bar- */
#progress-bar { 
     width: 0px;
     height: 3px;
     position: relative;
     background: #E48632;  
}
/* -Hero Image Caption- */
#hero-slider .carousel-caption {
    top: 35%;
}
#hero-slider .carousel-caption h1 {
    font-weight: 300;
    font-size: 3rem;
}
#hero-slider h1 {
    font-family: Raleway, sans-serif;
}
.carousel-caption-left {
    position: absolute;
    top: 30%;
    left: 15%;
    right: 15%;
    margin: auto;
    width: 50%;
    height: auto;
}
.carousel-caption-left a {
    display: inline-block;
}
.carousel-inner > .carousel-item > img {
    width: 100%;
}
/* --------------------------- /////////// V. ABOUT SECTION /////////// --------------------------- */
#support-image {
    margin: 0 0 0 20%;
}
/* --------------------------- /////////// VI. GAMES SECTION /////////// --------------------------- */
.game-tags {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    padding: 10px;
    border-left: 2px solid #E48632;
}
.game-tags li {
    display: inline;
    margin: 0 0 0 15px;
    font-family: Raleway, sans-serif;
    font-size:1.10rem; /* 20px */;
    font-weight: 500;
}
.game-tags li a {
    color: #FFF;
    text-decoration: none;
}
.game-tags li a:hover {
    color: #E48632;
}
.game-tags li a:focus {
    color: #E48632;
}
.game-card {
    width: 100%;
    margin: 0 0 3.5em 0;
    min-height: 270px;
    height: auto;
}
.lightbox .lb-image {
    border: 4px solid #111;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
    border-left: 2px solid #E48632;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s ease;
}
.overlay i {
    position: absolute;
    top: 40%;
    left: 45%;
}
.overlay:hover {
    opacity: 1;
}
.game-card-left {
    padding: 0;
}
.game-card-left img {
    height: 100%;
    width: 100%;
    min-height: 270px;
}
.game-card-right {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    padding: 20px 40px;
    margin: 0;
}
.game-card-right h2 {
    margin-bottom: 0;
}
.game-card-right > .short-hr-left::after {
    margin: 5px 0;
}
.tags {
    font-size: 14px;
    padding-top: 0;
}
.game-description {
    margin: 35px 0;
}
/* -- Modal -- */
.expand {
    cursor: pointer;
}
.game-modal .modal-header {
    height: 150px;
    background-image: url(../images/modal_header_bg.png);
    background-position: bottom;
    background-size:  cover;
    border-bottom: 1px solid #555;
}
.game-modal .modal-title {
    margin: 5% 0 0 5%;
}
.game-modal img {
    margin: 5px 0 50px 0;
}
.modal-vid {
    width: 100%;
    max-width: 768px;
    height: 415px;
    margin: 20px 0 60px 0;
    border: none;
}
/* -- Buttons -- */
.steam-btn {
    display: inline-block;
    margin: 25px 0 0 0;
}
.steam-btn a {
    display: inline-block;
    min-height: 55px;
    min-width: 150px;
    height: auto;
    width: auto;
    background: #DDD;
    border-radius: 3px;
    padding: 8px;
    border: none;
    color: #111;
    cursor: pointer;
    transition: 0.2s;
}
.steam-btn:hover a {
    background: #000;
    color: #FFF;
}
.steam-btn i {
    float: left;
}
.steam-btn p {
    float: right;
    line-height: 20px;
    font-weight: bold;
}
.button-store {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 22px;
    border-radius: 5px;
    margin: 30px 10px 0 0;
    color: #111;
    background: #DDD;
    border: none;
    cursor: pointer;
    transition: 0.2s;
}
.button-store:hover {
    background: #000;
    color: #FFF;
}
.button-store > i {
    float: left;
    display: inline;
    margin-top: 5px;
}
.button-store  p {
    float: right;
    padding: 0 0 0 10px;
}
.reviews {
    width: auto;
    display: inline-block;
    float: right;
    margin: 20px 0 0 0 ;
    text-align: center;
}
.reviews a {
    color: #FFF;
}
.reviews a:hover {
    color: #FFF;
}
.reviews a:active {
    color: #FFF;
}
.reviews a:visited {
    color: #FFF;
}
.score-card {
    display: inline-block;
    min-height: 70px;
    min-width: 90px;
    width: auto;
    height: auto;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    text-align: center;
    margin: 0 5px 0 0;
    padding: 5px;
    border-radius: 2px;
    transition: 0.2s;
}
.score-card:hover {
    background: #FFF;
}
.score-card:hover p {
    color: #111;
}
.score-card p:nth-of-type(2) {
    font-size: 14px;
    padding-top: 0;
}
.score {
    font-size: 1.3rem;
    font-weight: bold;
    margin-top: 5px;
    padding-bottom: 0;
}
.rating {
    width: auto;
    height: auto;
    padding: 10px 20px;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    text-align: center;
    float: right;
    border-radius: 2px;
    margin: 20px 0 0 0;
}
.rating ul {
    margin: 0;
}
.rating ul li {
    display: inline;
    margin: 0 5px 0 0;
}
.rating p {
    font-size: 1.5rem;
}
/* --------------------------- /////////// VII. TEAM SECTION /////////// --------------------------- */
#full-row {
    width: 100%;
}
#team figure {
    display: inline-block;
    position: relative;
    text-align: center;
    overflow: hidden;
}
#team figure img {
    border-radius: 3px;
    border-bottom: 2px solid #E48632;
}
.team-caption ul {
    margin-top: 10px;
}
.team-caption ul li {
    display: inline;
    margin: 0 5px;
}
.team-caption ul li > a {
    color: #EEE;
}
.team-caption ul li > a:hover {
    color: #E48632;
}
.team-caption {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    text-align: center; 
    padding: 40% 20px 20px 20px;
    z-index: 5;
    opacity: 0;
    transition: all 0.3s ease;
}
#team figure:hover > .team-caption {
    opacity: 1;
}
#team figure:hover > img {
    filter: blur(2px);
}
.team-name {
    font-size: 1.2rem;
    padding-bottom: 0;
}
.gallery-item {
    padding: 0 2.5px;
}
.grid-gallery .row {
    margin: 0 0 5px 0;
}
.overlay.gallery {
    left: 0;
    width: 100%;
    border: none;
}
/* --------------------------- /////////// VIII. CAREERS SECTION /////////// --------------------------- */
.job-card {
    cursor: pointer;
    text-align: center;
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    border-left: 2px solid #E48632;
    padding: 25px 35px;
    margin: 10px 0;
    min-height:200px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position: relative;
}
.modal-content {
    background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
}
.modal-header {
    border-bottom: 1px solid #E48632;
}
.modal-body > ul > li > p {
    padding: 0px 5px;
    display: inline;
}
.modal-body ul {
    list-style: none;
    margin: 10px 0 0 25px;
}
.modal-body ul li {
    margin: 5px 0;
}
.modal-body ul li:before {
    content: "\f101";
    color: #E48632;
    display: inline-block;
    width: 1em;
    margin-left: -10px;
    font-family: fontawesome;
}
.modal-body .skill-list {   
    margin: 10px 0;
}
.modal-body .skill-list li {
    display: inline-block;
    padding: 5px 15px 7px 15px;
    margin: 5px 5px;
    border: 1px solid #E48632;
    border-radius: 20px;
}
.modal-body .skill-list li:before {
    display: none;
}
.modal-body h3 {
    margin-bottom: 0;
}
.modal-footer {
    border-top: 1px solid #E48632;
}
.modal-footer button {
    margin: 0;
}
.button.secondary {
    background: #222;
}
.button.secondary:hover {
    background: #FFF;
}
.close {
    color: #FFF;
    opacity: 1;
    text-shadow: none;
    cursor: pointer;
}
.close:hover {
    color: #E48632;
    opacity: 1;
}
/* -- Newsletter -- */
#newsletter input {
    width: 40%;
    height: 45px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    border: none !important;
    padding: 0 0 0 20px;
    display: inline-block;
    margin-top: 20px;
    color: #fff;
}
#newsletter button {
    display: inline-block;
    height: 43px;
    width: auto;
}
/* --------------------------- /////////// IX. CONTACT SECTION /////////// --------------------------- */
#contactForm {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    padding: 5%;
    margin-top: 25px;
}
#contactForm input {
    width: 100%;
    color: #FFF;
    background: none;
    border-bottom: 2px solid #E48632 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    margin-bottom: 25px;
}
#contactForm textarea {
    width: 100%;
    color: #FFF;
    background: none;
    border-bottom: 2px solid #E48632 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    margin-bottom: 25px;
}
#contactForm .button {
    margin-left: 0;
    padding: 15px 25px;
    font-size: 1.25rem;
}
/* - Warning and succes msg text- */
.text-danger, .text-success {
    font-family: Open Sans, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.25rem;
}
#contact-info {
    margin-top: 25px;
}
#contact ul li i {
    color: #E48632;
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    padding: 10px;
}
#contact ul li p {
    display: inline;
    margin-left: 5px;
}
#contact ul li {
    margin-bottom: 15px;
}
#map-canvas {
    width: 100%;
    height: 330px;
    opacity: 0.9;
}
/* --------------------------- /////////// X. FOOTER /////////// --------------------------- */
#footer {
    width: 100%;
    min-height: 70px;
    height: auto;
    background: #070707;
    border-top: 2px solid #E48632;
    padding: 20px 0 0 0;
}
.social-links {
    float: right;
}
.social-links li {
    display: inline;
    margin-left: 15px;
}
.social-links li a {
    color: #FFF;
}
.social-links li a:hover {
    color: #E48632;
}
.social-links li a:focus {
    color: #E48632;
}
#copyright {
    float: left;
}
/* --------------------------- /////////// XI. 404 PAGE /////////// --------------------------- */
#container-404 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#container-404 .row-fluid {
     margin-top: 18%;
}
.text-404 h1 {
    font-family: Anurati, sans-serif;
    font-size: 4rem;
}
.text-404 a {
    display: inline-block;
    text-decoration: none;
}
/* --------------------------- /////////// XII. RESPONSIVE STYLES /////////// --------------------------- */
@media (max-width : 991px) {
    .nav-item > a::first-letter {
    color: #E48632;
    }
    .navbar-dark {
        background-color: rgba(0,0,0,0.4); /* navbar background gradient */
    }
    .scrolled {
        background-color: rgba(0,0,0,0.8); /* navbar background gradient */
    }
    #footer {
        text-align: center;
        padding: 10px 0 0 0;
    }
    .social-links {
        float: none;
    }
    #copyright {
        float: none;
        margin-bottom: 5px;
    }
    #container-404 .row-fluid {
        margin-top: 40%;
    }
}
@media (max-width : 767px) {
    .large-margin {
	   margin-bottom: 4em; /* 96px */
    }
    .medium-margin {
        margin-bottom: 3em;
    }
    .small-margin {
        margin-bottom: 2em;
    }
    .heading {
        font-size: 1.50rem;
    }
    hr {
        margin: 0;
    }
    #support-image {
        display: block;
        margin: 2em auto 0 auto;
    }
    .game-card {
        margin: 0 0 3em 0;
    }
    .steam-btn {
        display: block;
        text-align: center;
    }
    .button-store:nth-of-type(2) {
        float: right;
    }
    .reviews {
        display: block;
        margin: 15px auto 0 auto;
        float: left;
        width: 100%;
    }
    .rating {
        display: block;
        margin: 15px auto 0 auto;
        float: none;
    }
    #team figure {
        margin: 20px auto;
    }
    .gallery-item {
        margin: 5px 0;
    }
    .grid-gallery .row {
        margin: 0;
    }
    #newsletter input {
        width: 100%;
        display: block;
        margin: 20px 0;
    }
    #newsletter button {
        width: 100%; 
        display: block;
    }
    #contactForm {
        margin: 0 0 3em 0;
    }
    .text-404 h1 {
        font-size: 3.5rem;
    }
}
@media (max-width : 480px) {
    .game-card-left img {
        min-height: 0;
    }
    .score-card {
        margin: 5px 0;
    }
    #hero-slider .carousel-caption h1 {
        font-size: 1.5rem;
    }
    .carousel-caption-left h1 {
        font-size: 1rem;
        margin-top: 10%;
        text-align: center;
    }
    .carousel-caption-left p {
        display: none;
    }
    .carousel-caption-left a {
        display: none;
    }
    .button-store {
        margin: 5px auto;
    }
    .button-store:nth-of-type(2) {
        float: none;
    }
}