/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.100.1530101350
Updated: 2018-06-27 12:09:10

*/
@font-face{
    font-family:"aparaj";
    src:url("fonts/aparaj.ttf");
    src:url("fonts/aparaj.ttf") format("truetype");
}
@font-face{
    font-family:"aparajb";
    src:url("fonts/aparajb.ttf");
    src:url("fonts/aparajb.ttf") format("truetype");
}
@font-face{
    font-family:"Comfortaa-Bold_0";
    src:url("fonts/Comfortaa-Bold_0.ttf");
    src:url("fonts/Comfortaa-Bold_0.ttf") format("truetype");
}
@font-face{
    font-family:"Comfortaa-Light_0";
    src:url("fonts/Comfortaa-Light_0.ttf");
    src:url("fonts/Comfortaa-Light_0.ttf") format("truetype");
}
@font-face{
    font-family:"Comfortaa-Regular_0";
    src:url("fonts/Comfortaa-Regular_0.ttf");
    src:url("fonts/Comfortaa-Regular_0.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto 500";
    src:url("fonts/Roboto 500.ttf");
    src:url("fonts/Roboto 500.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto 700";
    src:url("fonts/Roboto 700.ttf");
    src:url("fonts/Roboto 700.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto regular";
    src:url("fonts/Roboto regular.ttf");
    src:url("fonts/Roboto regular.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto-Black";
    src:url("fonts/Roboto-Black.ttf");
    src:url("fonts/Roboto-Black.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto-BlackItalic";
    src:url("fonts/Roboto-BlackItalic.ttf");
    src:url("fonts/Roboto-BlackItalic.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto-BoldItalic";
    src:url("fonts/Roboto-BoldItalic.ttf");
    src:url("fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto-Italic";
    src:url("fonts/Roboto-Italic.ttf");
    src:url("fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto-Light";
    src:url("fonts/Roboto-Light.ttf");
    src:url("fonts/Roboto-Light.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto-LightItalic";
    src:url("fonts/Roboto-LightItalic.ttf");
    src:url("fonts/Roboto-LightItalic.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto-MediumItalic";
    src:url("fonts/Roboto-MediumItalic.ttf");
    src:url("fonts/Roboto-MediumItalic.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto-Thin";
    src:url("fonts/Roboto-Thin.ttf");
    src:url("fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face{
    font-family:"Roboto-ThinItalic";
    src:url("fonts/Roboto-ThinItalic.ttf");
    src:url("fonts/Roboto-ThinItalic.ttf") format("truetype");
}

html, body {
    
    height:100%;
}  
#main-content .container:before {
    display: none;
}
div.et_pb_row,
header .container{
    width: 100%;
    max-width: 1440px;
}
div.et_pb_section,
div.et_pb_row {
    padding: 0px 0;
}
.section-main-image h1{
    font-family: "aparaj";
    font-size: 285px;
    color: #ffffff;
    text-align: center;
    top: 160px;
    position: relative;
    text-transform: uppercase;
}
.section-main-image .et_pb_text_inner h2{
    font-family: "aparaj";
    font-size: 85px;
    color: #ffffff;
    text-align: center;
    top: 200px;
    position: relative;
    text-transform: uppercase;
    margin-left: 0;
    left: -140px;
}
.section-main-image{
    position: relative;
    max-height: 675px;
    height: 675px;
    margin-bottom: 225px;
}
.section-main-image .et_pb_column{
    height: 100%;
}
.elf-img{
    position: absolute;
    bottom: -380px;
    left: calc(50% - 245px);
}
.pot-img{
    position: absolute;
    bottom: -350px;
    left: 60%;
}
.green-background-text .et_pb_text_inner h2{
    font-family: 'aparaj';
    font-size: 75px;
    margin-left: 19%;
}
.green-background-text .et_pb_text_inner h2:before{
    content: "";
    width: 2px;
    background: #707070;
    height: 300px;
    display: inline-block;
    position: absolute;
    top: -408px;
    left: 330px;
}
.green-background-text .et_pb_text_inner h2:after{
    content: "";
    width: 2px;
    background: #707070;
    height: 300px;
    display: inline-block;
    position: absolute;
    top: 180px;
    left: 330px;
}
.blue-green-background .et_pb_text_inner h2:before{
    content: "";
    width: 2px;
    background: #707070;
    height: 158px;
    display: inline-block;
    position: absolute;
    top: -230px;
    left: 750px;
}
.blue-green-background .et_pb_text_inner h2:after{
    content: "";
    width: 2px;
    background: #707070;
    height: 185px;
    display: inline-block;
    position: absolute;
    top: 220px;
    left: 750px;
}
.et_pb_text_inner h2 {
    font-family: 'aparaj';
    font-size: 75px;
    margin-left: 30%;
}
.born-background:before{
    content: '';
    position: absolute;
    background-image: url(images/Born.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 240px;
    height: 187%;
    background-size: cover;
    right: 0;
    top: 0px;
    z-index: 28;
}
.games-background:before{
    content: '';
    position: absolute;
    background-image: url(images/Games.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 220px;
    height: 866%;
    background-size: cover;
    left: 0;
    top: 0;
    z-index: 3;
}
.et-fixed-header{
    background: linear-gradient(to right, #54000f , #800027);
  }
h3.games-title{
    position: relative;
    font-family: 'aparaj';
    font-size: 65px;
    display: inline-block;
}  
.games-description{
    font-family: 'Comfortaa-Regular_0';
    font-size: 18px;
}
.games-container .games-image{
    display: inline-block;
    width: 49%;
}
.games-container .games-content{
    display: inline-block;
    width: 49%;
}
.games-container{
    width: 890px;
    margin: 0 auto;
}
.switch-columns{
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}
.games-container .games-list:nth-child(odd) .games-image,
.games-container .games-list:nth-child(even) .games-content {
    position: relative;
    flex: 1;
    order: 2;
}
.games-container .games-list:nth-child(odd) .games-content,
.games-container .games-list:nth-child(even) .games-image {
    position: relative;
    flex: 1;
    order: 1;
}
.games-container .games-list:nth-child(odd) .games-content span.title-underline-background{
    content: "";
    /* width: 100%; */
    height: 20px;
    background: #7accc8;
    display: inline-block;
    position: absolute;
    left: -70%;
    top: 29px;
    z-index: -1;
}
.games-container .games-list:nth-child(even) .games-content span.title-underline-background{
    content: "";
    /* width: 100%;  */
    height: 20px;
    background: #7accc8;
    display: inline-block;
    position: absolute;
    left: 30%;
    top: 29px;
    z-index: -1;
}
.games-container .games-list .games-title:after{
    content: '';
    width: 100%;
    height: 20px;
    background: #7accc8;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: -1;
}
.games-list{
    margin-bottom: 90px;
}
.games-image img{
    transition: transform .2s;
}
.games-image img:hover{
    transform: scale(1.1);
}
#et-main-area{
    position: absolute;
    top: 0;
    width: 100%;
}
#main-header {
    background-color: transparent;
}
#et-top-navigation {
    float: none;
}
#top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav {
    float: none;
    width: 590px;
    margin: 0 auto;
}
.menu-logo .menu-image-title{
    display: none;
}
.full-width  div.et_pb_row {
    width: 100%;
    max-width: 100%;
}
#top-menu li.current-menu-item>a{
    color: #ffffff;
    text-transform: uppercase;
}
.purple-row{
    background-color: transparent;
    margin-top: -50px;
    z-index: 20;
}
.footer .et_pb_text_inner h2 {
    font-family: 'aparaj';
    font-size: 75px;
    margin-left: 0;
    margin-top: -36px;
}
.footer form{
    width: 450px;
    margin: 0 auto;
}
.footer form input{
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #8c8c8c;
}
.footer form input.wpcf7-submit{
    border: none;
    background: #363636;
    color: #c4df9b;
    padding: 10px 0;
    cursor: pointer;
}
.footer form textarea{
    width: 100%;
    background-color: transparent;
    border: 1px solid #8c8c8c;
}
.footer .form-box .et_pb_column{
    margin-top: -38px;
    z-index: 99999;
    position: relative;
    background: #c4df9b;
    padding-bottom: 50px;
}
footer#main-footer{
    display: none;
}
.contact-form-bottle{
    position: relative;
    max-width: 100% !important;
    bottom: 43px;
    z-index: 999999;
}
div.et_pb_section.footer{
    padding-bottom: 40px!important;
}
.et_pb_text_inner p{
    font-family: 'Comfortaa-Regular_0';
    font-size: 18px;
}
.copyright p{
    font-family: 'Comfortaa-Regular_0';
    font-size: 16px;
    color: #ffffff;
}
.games iframe{
    border: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.single-games #sidebar,
.single-games .et_post_meta_wrapper,
.single-games #main-header, 
.single-games #top-header {
    display: none;
}
.single-games #main-header,
.single-games #top-header {
    display: none;
}
#main-header.et-fixed-header {
    z-index: 99999999;
}

@media screen and (max-width: 1024px){
    div.et_pb_text_1:before {
        top: -290px;
        left: 15%;
        
    }
    .green-background-text .et_pb_text_inner h2:before {
        top: -390px;
        left: 18.5%;
        height: 280px;
    }
    .green-background-text .et_pb_text_inner h2:after {
        top: 120px;
        left: 18.5%;
        height: 340px;
    }
    .et_pb_text_1.green-background-text{
        padding: 140px 0 !important;
    }
    .purple-row .et_pb_text {
        padding-top: 20px!important;
        padding-bottom: 45px!important;
    }
    .green-background-text .et_pb_text_inner h2 {
        margin-left: 10%;
    }
    .blue-green-background .et_pb_text_inner h2:before {
        top: -230px;
        left: 53%;
    }
    .blue-green-background .et_pb_text_inner h2:after {
        top: 220px;
        left: 53%;
    }
    .born-background:before {
        width: 215px;
        height: 200%;
    }
    .games-background:before {
        width: 220px;
        height: 506%;
    }
    .et_pb_text_inner p br{
        display: none;
    }
}
@media screen and (max-width: 981px){
    .born-background {
        margin-bottom: 130px;
    }
    .green-background-text .et_pb_text_inner h2:after {
        height: 160px;
        display: none;
    }  
    div.et_pb_row {
        padding: 0px 20px;
    }
    .full-width.friends div.et_pb_row,
    .footer div.et_pb_row {
        padding: 0px 0px;
    }
    .full-width.friends img{

    }
    .elf-img img{
        width: 80%;
    }  
    .elf-img {
        position: absolute;
        bottom: -290px;
        left: calc(50% - 245px);
    }
    .pot-img img{
        width: 80%;
    }
    .pot-img {
        position: absolute;
        bottom: -270px;
        left: 58%;
    }
    .games-container {
        width: 100%;
        margin: 0 auto;
    }
    .games-background:before {
        width: 200px;
        height: 790%;
    }
    .born-background:before {
        width: 200px;
        height: 186%;
    }
    div.et_pb_section.et_pb_section_3 {
        background-image: linear-gradient(90deg,rgba(216,216,216,0) 30%,#7accc8 0%)!important;
    }
    .et_pb_text_inner h2 {
        margin-left: 0;
        margin: 0 auto;
        width: 58%;
    }
    .footer .et_pb_text_inner h2 {
        width: 100%;
    }
    .section-main-image .et_pb_text_inner h2{
        width: 100%;
    }
    .et_mobile_menu{
        border-color: transparent;
    }
    .et_mobile_menu{
        top: 0;
        background: linear-gradient(to right, #54000f , #800027);
        padding-top: 70px;
        padding-bottom: 70px
    }
    .mobile_menu_bar {
        display: block;
        position: relative;
        line-height: 0;
        z-index: 999999;
    }
    .et_mobile_menu .menu-logo{
        display: none;
    }
    .et_mobile_menu li{
        text-align: center;
    }
    .et_mobile_menu li a {
        border-bottom: none;
        color: #ffffff;
        text-transform: uppercase;
    }
    #et-main-area {
        position: relative;
        top: 0px;
        width: 100%;
    }
    .mobile_menu_bar:before {
        color: #ffffff;
    }
    .et_pb_text_inner p br {
        display: inherit;
    }
    #page-container{
        padding-top: 0 !important;
    }
    .et_menu_container:before{
        content: '';
        background-image: url(images/mobile-logo.png);
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
        display: inline-block;
        position: absolute;
        z-index: 999999999;
        top: 15px;
        left: 15px;
    }
}
@media screen and (max-width: 900px){
    .green-background-text .et_pb_text_inner h2 {
        font-size: 60px;
        margin-left: 19%;
    }
    .et_pb_text_inner h2{
        font-size: 60px;
    }
    .born-background:before {
        width: 200px;
        height: 194%;
    }
    .born-background {
        margin-bottom: 150px;
    }
    .footer .et_pb_text_inner h2 {
        font-size: 60px;
        margin-left: 0;
        margin-top: -30px;
    }
    .section-main-image .et_pb_text_inner h2 {
        font-size: 70px;
    }
    .section-main-image h1 {
        font-size: 260px;
    }
    
    .games iframe{
        border: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 767px){
    .section-main-image .et_pb_text_inner h2 {
        font-size: 50px;
    }
    .section-main-image h1 {
        font-size: 220px;
    }
    .green-background-text .et_pb_text_inner h2 {
        font-size: 40px;
        margin-left: 19%;
    }
    .elf-img img {
        width: 60%;
    }
    .elf-img {
        position: absolute;
        bottom: -230px;
        left: calc(50% - 245px);
    }
    .pot-img img {
        width: 60%;
    }
    .pot-img {
        position: absolute;
        bottom: -205px;
        left: 56%;
    }
    .section-main-image {
        position: relative;
        max-height: 675px;
        height: 530px;
        margin-bottom: 150px;
    }
    .et_pb_text_1.green-background-text {
        padding: 100px 0 !important;
    }
    div.et_pb_text_1:before {
        top: -220px;
        left: 13%;
    }
    .green-background-text .et_pb_text_inner h2:before {
        top: -275px;
        left: 18.5%;
        height: 200px;
    }
    .green-background-text .et_pb_text_inner h2:after {
        top: 150px;
        left: 18.5%;
        height: 160px;
    }
    .born-background:before {
        width: 170px;
        height: 200%;
    }
    .et_pb_text_inner h2 {
        font-size: 40px;
    }
    div.et_pb_text_3 {
        padding-top: 80px!important;
        padding-bottom: 80px!important;
    }
    .blue-green-background .et_pb_text_inner h2:before {
        top: -160px;
        left: 53%;
        height: 120px;
    }
    .blue-green-background .et_pb_text_inner h2:after {
        top: 130px;
        left: 53%;
        height: 120px;
    }
    div.et_pb_section_2 .et_pb_row_2.et_pb_row {
        padding-bottom: 130px;
    }
    div.et_pb_row_4.et_pb_row {
        margin-top: 140px!important;
        margin-bottom: 120px!important;
    }
    .games-background:before {
        width: 170px;
        height: 670%;
    }
    .purple-row .et_pb_text {
        padding-top: 70px!important;
        padding-bottom: 70px!important;
    }
    .purple-row {
        margin-top: -30px;
    }
    div.et_pb_row_8.et_pb_row {
        margin-top: 50px!important;
        margin-bottom: 50px!important;
    }
    .footer .et_pb_text_inner h2 {
        font-size: 40px;
        margin-left: 0;
        margin-top: -20px;
    }
    h3.games-title {
        position: relative;
        font-family: 'aparaj';
        font-size: 50px;
    }
    .games-description {
        font-family: 'Comfortaa-Regular_0';
        font-size: 16px;
    }
    .games-list {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 660px){
    .section-main-image .et_pb_text_inner h2 {
        font-size: 40px;
        left: -155px;
    }
    .section-main-image h1 {
        font-size: 170px;
    }
    .elf-img img {
        width: 55%;
    }
    .elf-img {
        position: absolute;
        bottom: -190px;
        left: calc(50% - 245px);
    }
    .pot-img {
        position: absolute;
        bottom: -164px;
        left: 56%;
    }
    .pot-img img {
        width: 55%;
    }
    .switch-columns {
        -ms-box-orient: vertical;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
    }
    .games-container .games-image {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .games-container .games-content {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .games-container .games-list:nth-child(odd) .games-content,
    .games-container .games-list:nth-child(even) .games-image {
        position: relative;
        flex: 1;
        order: 2;
    }
}
@media screen and (max-width: 530px){
    .section-main-image .et_pb_text_inner h2 {
        font-size: 40px;
        left: -95px;
        top: 190px;
    }
    .section-main-image h1 {
        font-size: 130px;
    }
}
@media screen and (max-width: 480px){
    .section-main-image {
        position: relative;
        max-height: 675px;
        height: 450px;
        margin-bottom: 100px;
    }
    .elf-img {
        position: absolute;
        bottom: -140px;
        left: calc(50% - 245px);
    }
    .elf-img img {
        width: 50%;
    }
    .pot-img img {
        width: 50%;
    }
    .pot-img {
        position: absolute;
        bottom: -115px;
        left: 55%;
    }
    div.et_pb_text_1:before {
        top: -140px;
        left: 0%;
    }
    .green-background-text .et_pb_text_inner h2:before {
        top: -210px;
        left: 8.5%;
        height: 150px;
    }
    .green-background-text .et_pb_text_inner h2:after {
        top: 140px;
        left: 8.5%;
        height: 160px;
    }
    .green-background-text .et_pb_text_inner h2 {
        font-size: 30px;
        margin-left: 0%;
    }
    .footer form {
        width: 94%;
        margin: 0 auto;
    } 
    .et_pb_text_inner p {
        text-align: center;
    }
    .et_pb_text_inner p br{
        display: none;
    }
    div.et_pb_text_1:before,
    .green-background-text .et_pb_text_inner h2:before,
    .green-background-text .et_pb_text_inner h2:after,
    .blue-green-background .et_pb_text_inner h2:before,
    .blue-green-background .et_pb_text_inner h2:after {
        display: none;
    }
    .born-background:before {
        width: 68px;
        height: 95%;
    }
    body div.et_pb_section.et_pb_section_1 {
        background-image: linear-gradient(90deg,#b3ce2a 100%,rgba(196,196,196,0) 0%)!important;
    }
    .green-background-text .et_pb_text_inner h2 {
        font-size: 40px;
        margin-left: 0%;
        text-align: center;
        width: 100%;
    }
    .pot-img {
        position: absolute;
        bottom: -115px;
        left: 46%;
    }
    body div.et_pb_section.et_pb_section_3 {
        background-image: linear-gradient(90deg,rgba(216,216,216,0) 0%,#7accc8 0%)!important;
    }
    .et_pb_text_inner h2 {
        margin-left: 0;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }
    .et_pb_text_inner h2 br{
        display: none;
    }
    .games-background:before {
        width: 100px;
        height: 275%;
    }
    body div.et_pb_section.et_pb_section_7 {
        background-image: linear-gradient(90deg,rgba(216,216,216,0) 0%,#d8b9d9 0%)!important;
    }
    .purple-row {
        margin-top: -30px;
        z-index: 2;
    }
    body div.et_pb_section.et_pb_section_7 {
        background-image: linear-gradient(90deg,rgba(216,216,216,0) 0%,#d8b9d9 0%)!important;
    }
    div.et_pb_row_8.et_pb_row {
        margin-top: 0px!important;
        margin-bottom: 50px!important;
    }
    .purple-row .et_pb_text {
        padding-top: 70px!important;
        padding-bottom: 40px!important;
    }
    .purple-row .et_pb_text {
        padding-top: 40px!important;
        padding-bottom: 0px!important;
    }
    div.et_pb_row_8.et_pb_row {
        margin-top: 0px!important;
        margin-bottom: 50px!important;
        padding-bottom: 50px;
    }
    .mobile_menu_bar {
        display: block;
        position: relative;
        line-height: 0;
        z-index: 999999;
        right: 20px;
    }
    .section-main-image .et_pb_text_inner h2 {
        font-size: 40px;
        left: -72px;
        top: 190px;
    }
    div.et_pb_text_3 {
        padding-top: 50px!important;
        padding-bottom: 35px!important;
    }
    div.et_pb_row_4.et_pb_row {
        margin-top: 50px!important;
        margin-bottom: 50px!important;
    }
    div.et_pb_section_2 .et_pb_row_2.et_pb_row {
        padding-bottom: 50px;
    }
    .et_pb_section_8 {
        max-width: 100%;
        padding-bottom: 100px;
        margin-bottom: 200px;
    }
    .games-container .games-list:nth-child(even) .games-content span.title-underline-background {
        content: "";
        /* width: 46%; */
        height: 20px;
        background: #7accc8;
        display: inline-block;
        position: absolute;
        left: 60%;
        top: 29px;
        z-index: -1;
    }
    .games-container .games-list .games-title:after {
        top: 24px;
    }
}
@media screen and (max-width: 320px){
    .section-main-image h1 {
        font-size: 120px;
    }
    .section-main-image .et_pb_text_inner h2 {
        font-size: 40px;
        left: -60px;
        top: 190px;
    }
}
