body, html{
    background: #f7f7f7 !important;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300);

@font-face {
    font-family: Mayberry;
    src: url(../doc/Mayberry/MayberryPro-Semibold.ttf);
}

@font-face {
    font-family: MontserratRegular;
    src: url(../doc/Montserrat/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat;
    src: url(../doc/Montserrat/Montserrat-Bold.ttf);
    font-weight: bold;
}

::selection{
    background-color: #941a1d !important;
}

.welcome{
    font-family: "MontserratRegular", sans-serif;
    font-size: 26px;
    letter-spacing: 3px;
    text-transform: none;
    color: #941a1d;
    text-transform: uppercase;
}

.static{
    color: #941a1d !important;
}

.trendy-red{
    color: #941a1d !important;
}
.spacer{
    background: #941a1d !important;
}

.second-title{
    color: #000 !important;
}

.buy-logo{
    width: 157px;
    margin: 27px auto 0;
    height: auto;
    z-index: 10;
    position: relative;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    padding: 11px 25px 11px;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 2px;
    letter-spacing: 2px;
    pointer-events: auto;
    background: #fff;
    opacity: .8;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.buy-logo:hover{
    width: 157px;
    margin: 27px auto 0;
    height: auto;
    z-index: 10;
    position: relative;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    padding: 11px 25px 11px;
    cursor: pointer;
    border: 2px solid #941a1d;
    border-radius: 2px;
    letter-spacing: 2px;
    pointer-events: auto;
    background: #fff;
    opacity: 1;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.menu ul{list-style: none; padding: 0; height: 75px; margin: 0;}
.menu ul li{
    float: left;
    line-height: 75px;
    padding: 0 22px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.menu a{
    text-decoration: none;
    color: #414141;
    
    /*-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;*/
}.menu a:hover{
    color: #941a1d;
    
/*  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;*/
}

#nav .current a {color: #941a1d !important;}

.content{
/*    margin-top: 4% !important;*/
    position: relative;
/*    min-height: 550px;*/
}

.products{
    /*padding-bottom: 415px !important;*/
}

.products:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid #f7f7f7;
    border-bottom: 0px solid transparent !important;
    border-right: 30px solid transparent !important;
    border-left: 30px solid transparent !important;
    left: 50%;
    top: 0px;
    margin-left: -29px;
    z-index: 9999999;
}

.scrollup{
    background: #941a1d !important;
}

.mission{
    margin: 1% 13% 6.4%;
    font-size: 28px;
    font-family: 'Mayberry';
    color: #941a1d;
    text-transform: uppercase;
}

/*#anchor4{
    min-height: 718px;
    height: 850px
}*/

.game-box{
    margin: 0 auto;
    width: 80%;
    max-width: 1440px;

}

.trendy-game-box{
    position: relative !important;
/*    width: 100%;*/
    height: 100%;
    margin: 0 auto !important;
    top: 78px;
}

.trendy-game-box-inner{
    position: relative !important;
/*    width: 100%;*/
    height: 100%;
    margin: 5% auto !important;
}


.overlay-games{
    background: transparent url("../img/overlay.png");
    opacity: 1;
    z-index: 0;
    width:100%;
    height: auto;
    min-height: 322px;
    z-index:3;

    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;      
}

.overlay-games-top{
    background: transparent url("../img/overlay.png");
    opacity: .5;
    z-index: 0;
    width:100%;
    height: 100%;
    z-index:3;
    position: absolute;
    top: 0;
}


.game-item {
position: relative;
min-width: 300px;
text-align: center;
width: 24%;
max-height: 350px;
margin: 2% 5px;
display: inline-block;
}

.f-info {
text-align: center;
background: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
max-height: 20px;
width: 99.5%;
height: 20px;
padding: 40px 1px !important;
}

.f-info p {
font-weight: 400;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 1em
;color: #404141;
line-height: 30px;
/* margin: 40px 20px; */
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
/*background: #fff;*/
}

/*.game-item {
    position: relative;
    min-width: 300px; 
    text-align: center;
    width: 30%;
    max-height: 350px;
    margin: 2% auto;
    display: inline-block;
}*/


/*.f-info{
    text-align: center;
    background: #fff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    max-height: 20px;
    width: 100%;
    height: 20px;
    padding: 0 0 !important;
}*/


/*.f-info p{
    font-weight: 400;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: #404141;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}*/

.f-single .portfolio-meta, .t-element .portfolio-meta {
    color: #fff;
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


.f-image {
cursor: pointer;
position: relative;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 100%;
}


/*.f-image {
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 100%;
}*/

.f-image img{
    width: 100%;
}


.f-single {
width: 100%;
float: left;
margin: 0 0 !important;
position: relative;
}

/*.f-single {
    width: 100%;
    float: left;
    margin: 0 0 !important;
    position: relative;
}
*/

#slides-1{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    /*min-width: 1220px;*/
}

.featured-games{
    max-width: 1440px;
    margin: 0 auto;
}

.slides-container{
    width: 100%;
    height: 100%
}

.slides-container img{
    width: 100%;
    height: 100%;
}

.slides-container img:after { /* add the transparent pattern overlay */
 
    background: url(../img/overlay.png) center repeat;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.7;
    z-index: -1;
}


.footer-container ul{
    list-style: none;
    margin: 0 0 !important;
}

.footer-container ul a{
    color: #941a1d;

}

.footer-container ul a:hover,
.footer-container ul a:visited{
    color: #000;
}

.p-two {
background: url("../img/trendy/TeamPlayingDD2.jpg");
background-size: cover;
background-repeat: no-repeat;
/* background-position: 0% 0%; */
}

.dissapear{
    display: none;
}

.job-description-box{
    margin: 0 auto;
    width: 40%;
    height: 100%;
    float: right;
    /*border: 2px solid #941a1d;*/
    -moz-border-radius-bottomright: 50px 25px;
    border-bottom-right-radius: 50px 25px;
    position: relative;

}

.title.two {
    color: #757575;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    width: 80%;
    margin: 50px auto;
}

.main-title {
color: #fff;
height: 385px;
overflow: hidden;
position: absolute;
top: 57%;
margin-top: -176px;
width: 100%;
pointer-events: none;
text-align: center;
z-index: 10;
}

.main-title.title-fullWidth{top: 174px; margin-top: 0;}
.main-title a{text-decoration: none;}
.main-title .spacer{width: 60px; margin: 30px auto 40px;}
.title-container{
    width: 75%;
    margin: 0 auto;
}


.main-title ul{
    list-style: none;
    padding: 0;
    margin: 11px 0 11px 0;
    position:relative;
    height: 100px;
    font-size: 80px;
    font-weight: 300;
    text-align: center;
    font-family:  "Brandon Grot W01 Bold",'Montserrat', sans-serif; ,"Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 5px;
    text-transform: uppercase;
    z-index: 100;
}
.main-title ul li{
    width: 100%;
    text-align: center;
    position: absolute;
    /*opacity: 0;*/
    /*top: 40px;*/
    line-height: 100px;
}


.footer-container::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid #f7f7f7;
    border-bottom: 0px solid transparent !important;
    border-right: 30px solid transparent !important;
    border-left: 30px solid transparent !important;
    left: 50%;
    /*bottom: -28px;*/
    top: 5607px;
    margin-left: -29px;
    z-index: 20;
};


#footer-col-2.foot-third{
    padding: 0 0 0 0 !important;
}


.footer-container::after{
    display: none !important;
}

.main-title .second-title {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif !important;
    width: 634px;
    text-transform: none;
    margin: auto;
    font-weight: 400;
    letter-spacing: .5px;
}

/*.footer-container ul{
    margin: 0 0 !important;
}
*/
/*.foot-third{
    line-height: 25px;
}*/

.job-box{
    min-height: 250px;
    /*margin: 0 auto !important;*/
    border-radius: 14px;
    margin: 1em auto;
    padding: 1em;
}

.footer .spacer{
    margin-bottom: 3%;
}

.j-list{
    height: initial;
    width: 54%;
    position: relative;
    margin: 0 auto;
}


#anchor4{
    height: 931px;
}


.t-photo,
.t-photo img{
    width: 100%;
}

.t-element{
width: 202px;
margin-right: 10px !important;

}

.t-data{
    padding: 20px !important;
}

.t-name{
    font-size: 14px;
    font-weight: bold;
}

.loader {
    position: relative;
    width: 115px;
    height: 101px;
    margin: 0 auto;
    top: 41%;
    /* left: 50%; */
}

.portfolio-meta img{
    position: relative;
    top: 0;
    width: 40px;
    height: 40px;
}