@charset "utf-8";
/* Global Styles */


/* Fonts */
@font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('fonts/Segoe UI.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Italic'), url('fonts/Segoe UI Italic.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('fonts/Segoe UI Bold.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold Italic'), url('fonts/Segoe UI Bold Italic.woff') format('woff');
}


@font-face {
    font-family: "Segoe UI Light";
    src: url("fonts/Segoe UI Light.eot"); /* IE9*/
    src: url("fonts/Segoe UI Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Segoe UI Light.woff2") format("woff2"), /* chrome、firefox */
    url("fonts/Segoe UI Light.woff") format("woff"), /* chrome、firefox */
    url("fonts/Segoe UI Light.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("fonts/Segoe UI Light.svg#Segoe UI Light") format("svg"); /* iOS 4.1- */
}


/* Normalize */
html,
body,
form {
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    background: url(../images/bg.jpg) no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    font: normal 14px 'Segoe UI Light', sans-serif;
    color: rgba(255,255,255,0.77);
    display: table;
    width: 100%;
}

header,
section,
footer {
    display: table-row;
}


/* Header */
header {
    text-align: left;
    height: 90px;
    min-height: 90px;
}

header .dvLogo {
    padding: 40px 0 0 50px;
}


header .dvLogo .csLogoPlaceholder {
}


/* Footer */
footer {
    text-align: right;
}

footer .dvCopyright {
    display: table-cell;
    height: 50px;
    min-height: 50px;
    vertical-align: bottom;
    font-size: 0.875em;
    padding: 0 40px 20px 0;
    bottom: 0px;
    color: rgba(255,255,255,0.55);
}


/* Section */
section {
    text-align: left;
    height: 100%;
}

section .dvContent {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

/* vCard */
section .dvContent .dvCard {
    display: table;
    vertical-align: middle;
    margin: 0 auto;
    width: 1045px;
    background-color: rgba(20,40,60,0.4);
    border-radius: 44px;
}

section .dvContent .dvCard .dvHeader,
section .dvContent .dvCard .dvBody {
    display: table-row;
}

section .dvContent .dvCard .dvBody .dvLeft,
section .dvContent .dvCard .dvBody .dvRight {
    display: table-cell;
    vertical-align: top;
}

section .dvContent .dvCard .dvBody .dvLeft .dvContent {
    background-color: rgba(20,40,60,0.2);
    border-radius: 44px;
    width: 200px;
    padding: 24px;
    vertical-align: top;
}

section .dvContent .dvCard .dvBody .dvLeft .dvContent .dvPhoto img {
    border-radius: 25px;
    overflow: hidden;
}

section .dvContent .dvCard .dvBody .dvLeft .dvContent .dvButton {
    display: block;
    background-color: rgba(255,255,255,0.07);
    margin: 20px auto;
    margin-top: 255px;
    width: 160px;
    height: 160px;
    border-radius: 20px;
    font-size: 1.25em;
    overflow: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

section .dvContent .dvCard .dvBody .dvLeft .dvContent .dvButton:hover {
    background-color: rgba(255,255,255,0.11);
    box-shadow: rgba(0,0,0,0.04) 7px 7px 7px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

    section .dvContent .dvCard .dvBody .dvLeft .dvContent .dvButton img {
        margin: 0 auto;
        margin-top: 25px;
        opacity: 0.7;
    }

    section .dvContent .dvCard .dvBody .dvLeft .dvContent .dvButton span {
        display: block;
        margin-top: 20px;
    }

    section .dvContent .dvCard .dvBody .dvLeft .dvContent a {
        color: rgba(255,255,255,0.7);
        text-decoration: none;
    }

    .dvHide {
        display: none !important;
    }


section .dvContent .dvCard .dvBody .dvRight .dvContent {
    width: 829px;
    padding: 40px 84px 0px 84px;
    vertical-align: top;
    text-align: left;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvTitle {
    font-size: 2.6em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    vertical-align: top;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvContact {
    width: 100%;
    margin-top: 45px;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvContact .dvDetail {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvContact .dvDetail .dvIconCell {
    display: table-cell;
    width: 50px;
    min-width: 50px;
    height: 40px;
}

    section .dvContent .dvCard .dvBody .dvRight .dvContent .dvContact .dvDetail .dvIcon {
        width: 40px;
        height: 40px;
        background-color: rgba(255,255,255,0.07);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

    section .dvContent .dvCard .dvBody .dvRight .dvContent .dvContact .dvDetail .dvIcon:hover {
        background-color: rgba(255,255,255,0.09);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

    section .dvContent .dvCard .dvBody .dvRight .dvContent .dvContact .dvDetail .dvText {
        display: table-cell;
        width: 100%;
        padding-left: 25px;
        vertical-align: middle;
        font-size: 1.0em;
        letter-spacing: 0.02em;
        background-color: rgba(255,255,255,0.07);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

    section .dvContent .dvCard .dvBody .dvRight .dvContent .dvContact .dvDetail .dvText:hover {
        background-color: rgba(255,255,255,0.09);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

    section .dvContent .dvCard .dvBody .dvRight .dvContent .dvContact .dvDetail .dvText a {
        color: rgba(255,255,255,0.77);
        text-decoration: none;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvContact .dvDetail .dvText a:hover {
    color: rgba(255,255,255,0.99);
    text-decoration: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvDescription {
    width: 100%;
    margin-top: 35px;
    letter-spacing: 0.02em;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvDescription span {
    display: block;
    margin-bottom: 4px;
    font-size: 1.8em;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvIcons {
    display: table;
    width: 100%;
    margin-top: 25px;
    font-size: 16px;
    font-weight: 800;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvIcons .dvSocial {
    float: left;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvIcons .dvSocial img {
    width: 50px;
    height: 50px;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvIcons .dvSocial a {
    margin-right: 23px;
    opacity: 0.77;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvIcons .dvSocial a:hover {
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvIcons .dvStores {
    float: right;
}

    section .dvContent .dvCard .dvBody .dvRight .dvContent .dvIcons .dvStores img {
        width: 50px;
        height: 50px;
    }

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvIcons .dvStores a {
    margin-left: 23px;
    opacity: 0.77;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

section .dvContent .dvCard .dvBody .dvRight .dvContent .dvIcons .dvStores a:hover {
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}