/* Theme.css */
/* GRID */

body,
html {
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/*base*/

::selection {
    color: #ffffff;
    opacity: 1;
}

::-moz-selection {
    color: #ffffff;
    opacity: 1;
}

html {
    width: 100%;
    overflow-x: hidden;
}

body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: -2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.custom_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    background-position: center;
}

.custom_bg.img_bg {
    background-size: cover;
}

body {
    margin: 0;
    padding: 0;
}

/*FORMS*/

input[type="text"]::-moz-placeholder {
    color: #7e7f81;
    opacity: 1;
    -moz-osx-font-smoothing: grayscale;
}

input[type="email"]::-moz-placeholder {
    color: #7e7f81;
    opacity: 1;
    -moz-osx-font-smoothing: grayscale;
}

input[type="password"]::-moz-placeholder {
    color: #7e7f81;
    opacity: 1;
    -moz-osx-font-smoothing: grayscale;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #7e7f81;
}


/*Theme CSS*/

p {
    margin: 0 0 7px 0;
}

a,
a:hover {
    text-decoration: none;
    outline: none;
}

/* Font Awesome */

@font-face {
    font-family: 'FontAwesome';
    src: url('fa/fa.eot?v=3.2.1');
    src: url('fa/fa.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('fa/fa.woff?v=3.2.1') format('woff'),url('fa/fa.ttf?v=3.2.1') format('truetype'),url('fa/fa.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

.landing_logo {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 22;
    display: block;
    padding: 0 0 0 19px;
}

.landing_logo .nav_link {
    margin: 5% 15% 15% 19%;
}

.landing_preloader {
    width: 0%;
    height: 6px;
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -23px;
    display: block;
    background: rgba(255,255,255,0.6);
}

/*.landing_logo.type1 {*/
    /*transition: all 1000ms, opacity 500ms;*/
    /*transform: translate(0,-20px);*/
/*}*/


a {
    transition: color 250ms;
}



/* Custom.css */

@font-face {
    font-family: 'DINProLight';
    src: url('./fonts/DINProLight.eot');
    src: local('DINProLight'), url('./fonts/DINProLight.woff') format('woff'), url('./fonts/DINProLight.ttf') format('truetype');
}


.name
{
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'DINProLight',sans-serif;
    letter-spacing: 2px;
    margin: -2px 0 0 9px;
    color: #edead9;
}
.landing_logo .nav_link a
{
    font-size: 12px;
    font-family: 'DINProLight',sans-serif;
    text-transform: uppercase;
    color: #fff;
    float: left;
    letter-spacing: 1px;
}


/* Responsive.css */

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .landing_logo{
        margin-top: -145px;
        margin-left: -15px;
    }
}

/*retina*/

@media only screen and (min-width: 960px) and (max-width: 1200px) {
    .landing_logo{
        margin-top: -130px;
        margin-left: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
    .landing_logo{
        margin-top: -190px;
        margin-left: 10px;
    }
    p.name{
        font-size: 14px;
    }
    .nav_link a img{
        width: 100%;
    }
    .landing_logo .nav_link
    {
        margin: 5% 15% 15% 19%;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) {
    .landing_logo{
        margin-top: -143px;
        margin-left: -5px;
    }
    p.name{
        /*font-size: 14px;*/
    }
    .nav_link a img{
        width: 100%;
    }
    .landing_logo .nav_link
    {
        margin: 5% 15% 15% 19%;
    }

}

@media only screen and (max-width: 760px) {
    .landing_logo{
        margin-top: -115px;
        margin-left: -15px;
    }

}

@media only screen and (min-width: 420px) and (max-width: 760px) {
    /*iPhone 6+*/
    .landing_logo{
        margin-top: -115px;
        margin-left: -15px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 350px) {
    /*iPhone 6+*/
    .landing_logo{
        margin-top: -100px;
        margin-left: -30px;
    }
}
@media only screen and (min-width: 350px) and (max-width: 370px) {
    /*iPhone 6+*/
    .landing_logo{
        margin-top: -130px;
        margin-left: -30px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation : portrait) {
    .landing_logo {
        margin-top: -95px;
        margin-left: -32px;
    }
    .name
    {
        font-size: 13px;
    }
    .landing_logo .nav_link {
        margin: 5% 15% 15% 21%;
    }
}

@media only screen and (min-width: 360px) and (max-width: 567px) and (orientation : portrait) {
    .landing_logo {
        margin-top: -119px;
        margin-left: -23px;
    }
    .landing_logo .nav_link {
        margin: 5% 15% 15% 19%;
    }
}
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation : portrait) {
    .name
    {
        margin: 0px 0 0 12px;
    }
    .landing_logo .nav_link
    {
        margin: 5% 15% 15% 21%;
    }
}
@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation : portrait) {
    .landing_logo {
        margin-top: -140px;
        margin-left: -13px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation : landscape) {
    .name
    {
        margin: 35px 0 0 14%;
        text-align: left;
        font-size: 12px;
    }
    .landing_logo .nav_link
    {
        margin: 5% 15% 15% 11%;
    }
    .nav_link a img{
        width: 90%;
    }
}