/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 @import url(//db.onlinewebfonts.com/c/b949b9c3a129e15bb2c7f315b58fd959?family=Corporate+A);
 @font-face {font-family: "Corporate A"; src: url("//db.onlinewebfonts.com/t/b949b9c3a129e15bb2c7f315b58fd959.eot"); src: url("//db.onlinewebfonts.com/t/b949b9c3a129e15bb2c7f315b58fd959.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b949b9c3a129e15bb2c7f315b58fd959.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b949b9c3a129e15bb2c7f315b58fd959.woff") format("woff"), url("//db.onlinewebfonts.com/t/b949b9c3a129e15bb2c7f315b58fd959.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b949b9c3a129e15bb2c7f315b58fd959.svg#Corporate A") format("svg"); }
 body{
    display: none;
    position: relative;
    background: #1c1c1c;
}

#popup{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #474747;
    width: 40%;
    height: 40%;
    text-align: center;
}
.section1 {
    background-color: #474747; 
    background-image: linear-gradient(to right, #2b2b2b , #474747); 
    /* margin: 80px 0; */
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.section1 .img_3D {
    position: absolute;
    top: -60px;
}
.section1 h1 {
    font-family: 'corporate_a_condensedregular';
    font-size: 62px;
    padding-bottom: 35px;
    text-align: center;
    padding-top: 50px;
    color: #fff !important;
}
.section1 p {
    text-align: center;
    color: #fff !important;
    font-size: 20px;
    line-height: 1.6;
    margin: 0;
}
a.button {
    font-family: 'corporate_sregular';
    /* background-color: #6e6e6e; */
    background-color: #00adef;
    font-size: 18px;
    position: relative;
    padding: 13px 27px;
    display: inline-block;
    margin: 60px auto;
    color: white;
    border: 5px solid transparent;
    left: 50%;
    transform: translateX(-50%);
}
@media only screen and (max-width: 1440px) {
    .section1 h1 {
        font-size: 50px;
    }
    .section1 p {

        font-size: 17px;

    }

}
@media (max-width: 991px){
    .section1 .img_3D {
        position: relative;
        top: 0;
        width: 100%;
    }
    .col-sm-12 {
        float: left;
        width: 100%;
    }
    .section1 {
        margin: 80px 0;
        position: relative;
        top: 0;
        transform: none;
    }
}
@media (max-width: 776px)
{
    .img {
        margin-top: 30px;
        width: 96%;
        display: block;
        margin: auto;
    }
    a.button {
        font-size: 14px;
        padding: 5px 30px;
        margin: 30px auto;
    }
    .section1 {
        margin: 50px 0;
    }
}
.img{
    margin-top: 30px;
    width: 100%;
}