.br {
    font-size: inherit !important;
    display: inline-block;
}
/*
==================================
    Tags
==================================
*/
blockquote {
    width: 90%
}



/*
==================================
    Class
==================================
*/

.s-title-sub {
    font-size: 1.6em;
}

.s-description br {
    float: left;
}

.s-description br:before {
    content: ',';
    display: inline-block;
    margin-right: .5rem;
}

/*
----------------------------------
    Theme general
----------------------------------
*/
.gs-theme .content {
    justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
}

.gs-theme .content>div {
    width: calc((90%/3) - 1rem);
    width: -webkit-calc((90%/3) - 1rem);
}

.gs-theme .content .cover:before,
.gs-theme .content .cover:after {
    display: none;
}

.gs-theme .content .cover:hover img {
    transform: none;
    -webkit-transform: none;
}




/*
----------------------------------
    Price general
----------------------------------
*/
.s-price {
    flex-direction: column;
}
.s-price > * {
    width: 100%;
}
.s-price .p-name {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-bottom: 4rem;
}
.s-price .p-name .hotline {
    display: none
}
.s-price .p-name > * {
    width: 30%;
}
.s-price .p-name > :nth-of-type(n+2) {
    margin-top: 0;
}
.s-price .p-name > span > label {
    background: #ffff;
}
.s-price .p-name input:checked + label {
    transform: none;
    -webkit-transform: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.s-price .p-name > span > label:before {
    border-left: solid 2rem transparent;
    border-right-color: transparent;
    border-bottom: none;
    border-top-color: #16B540;
    top: auto;
    bottom: -1.9rem;
    left: 0;
    right: 0;
    transform-origin: top;
    -webkit-transform-origin: top;
}
.s-price .p-name > span > label > :nth-child(1) {
    font-size: 1.4em;
}
.s-price .p-name > span > label > :nth-child(2) {
    float: left;
    font-size: 1.4em;
    clear: both;
}

.s-price[fixed] .p-name {
    width: 90%;
    left: 5%;
    right: auto;
    top: 0;
    z-index: 10;
}
.s-price[fixed] .p-name > span > label {
    box-shadow: 0 1rem 1rem rgba(0,0,0,.2);
}


    /*
    ----------------------------------
        Function general
    ----------------------------------
    */
.gs-function {
    width: 100%;
}




/*
----------------------------------
    Request general
----------------------------------
*/
.gs-request {
    flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
    justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
    background-attachment: scroll;
}

.gs-request .button {
    width: 100%;
    display: flex !important;
	display: -webkit-flex !important;
    justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
    margin-top: 5rem;
}

.gs-request .button a {
    width: 45%;
}

.gs-request .button a:nth-child(2) {
    margin-top: 0;
}

.gs-request .button a:hover {
    background: none;
    box-shadow: none;
    border-color: #fff
}

.gs-request .button label:first-child {
    font-size: 1.4em;
}

/*
----------------------------------
    Salient general
----------------------------------
*/
.gs-salient .content {
    padding:  6rem 0 10rem 0;
    background: none
}
.gs-salient .content > div > h4 {
    font-size: 1.4em;
}
.gs-salient .content > div > h4:hover {
    color: inherit;
    font-family: f-light;
}



/*
----------------------------------
    Pages general
----------------------------------
*/
.gs-pages > a:before {
	display: none;
}



/*
----------------------------------
    Demo popup
----------------------------------
*/
#popup-demo nav {
    justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

#popup-demo nav .responsive {
    display: none;
}

#popup-demo .detail {
    width: 40rem;
}



/*
----------------------------------
    Register popup
----------------------------------
*/
#popup-register {
    width: 76rem
}



/*
==================================
    Elements
==================================
*/

/*
----------------------------------
    Request popup
----------------------------------
*/




/*
----------------------------------
    Header
----------------------------------
*/
header[state=transparent] {
    background: #fff;
    border-bottom: solid .1rem #e5e5e5;
}

header[state=transparent] [nav-text] {
    color: inherit;
}

header[state=transparent] .logo > img:nth-child(2) {
    display: none;
}
header[state=transparent] .logo > img:nth-child(1) {
    display: block
}

/* ----- Common ----- */
header .mobile-menu {
    width: 12rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

header .mobile-menu label,
header .mobile-menu label:before,
header .mobile-menu label:after {
    content: '';
    width: 2.5rem;
    height: .2rem;
    background: #333332;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: .3s ease-out;
}

header .mobile-menu label:before {
    margin-top: -.6rem;
}

header .mobile-menu label:after {
    margin-bottom: -.6rem;
}

header .mobile-menu[state=show] label {
    background: none;
}

header .mobile-menu[state=show] label:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: 0;
}

header .mobile-menu[state=show] label:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-bottom: 0;
}

header .mobile-menu[state=show] + ul {
    right: 0;
}

/* ---------- */
header ul a {
    width: 100% !important;
    color: #333332 !important;
}

header ul li.active > a{
    background: #e5e5e5;
    font-family: f-bold;
}

header ul ul,
header > ul > li:hover > ul {
    transform: none;
    -webkit-transform: none;
}


/* ----- Customize----- */
header > ul {
    width: 32rem;
    height: calc(100vh - 8rem);
    height: -webkit-calc(100vh - 8rem);
    background: #fff !important;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    box-shadow: -.2rem .2rem .2rem rgba(0,0,0,.1);
    position: absolute;
    top: 8rem;
    right: -32rem;
    transition: .3s ease-out;
    padding-bottom: 10rem;
}

header > ul > li {
    width: 100%;
    height: auto;
    line-height: 1;
}

header > ul > li:nth-child(n+2) {
    border-top: solid .1rem #e5e5e5;
}

header>ul>li>a {
    padding: 2.5rem 2rem 2.5rem 4rem !important;
    height: auto;
    box-sizing: border-box;
}

header>ul>li>a:hover {
    color: #333332!important;
}


header [data-show] > a {
    position: relative;
}

header [data-show] [nav-text] {
    width: calc(100% - 3.5rem);
    width: -webkit-calc(100% - 3.5rem);
    display: block;
}

header [data-show] [nav-open] {
    width: 6rem;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

header [data-show] [nav-open]:before,
header [data-show] [nav-open]:after {
    height: 20%
}


header ul ul {
    width: 100% !important;
    padding: 0;
    position: static;
    box-shadow: none;
    height: 0;
    overflow: hidden;
    transition: .3s ease-out;
}

header ul ul li {
    width: 100% !important;
    height: auto;
}

header ul ul a {
    width: 100%;
    height: auto;
    padding: 2rem 2rem 2rem 6rem !important;
}

header ul ul a:hover {
    background: none;
    font-family: inherit
}

header li[data-show=true] ul {
    height: auto;
    overflow: visible;
}



header>ul>li.active {
    position: static;
}

header>ul>li.active:before,
header>ul>li.active:after {
    display: none;
}

header>ul>li.active>a {
    color: inherit;
    position: relative;
    top: 0;
}



/*
----------------------------------
    Footer
----------------------------------
*/
footer .hotline, footer .support {
    width: 95%
}

footer .hotline div {
    padding-left: 5.5rem;
}

footer .hotline div:before {
    width: 4rem;
    height: 4rem;
}

footer .hotline label:first-child {
    font-size: 1.8em;
}

/* -------------------- */

footer .support label {
    font-size: 1.6em;
}

/* -------------------- */

footer .company {
    padding: 2rem 2rem 0 2rem;
}
footer .company .link > a {
    width: 45%;
}




/*
----------------------------------
    Home page
----------------------------------
*/
#home .banner {
    width: 100%;
    height: auto;
    padding-bottom: 75%;
    background-attachment: scroll;
}

#home .banner .content span:nth-of-type(1) {
    font-size: 3em;
}

#home .banner .content span:nth-of-type(2) {
    font-size: 2.5em;
}

#home .banner .content span:nth-of-type(3) {
    font-size: 1.3em;
}

/* -------------------- */

#home .profile {
    background-attachment: scroll;
}

/* -------------------- */

#home .vision {
    background-attachment: scroll;
}
#home .vision > label {
	font-size: 2em
}


#home .h-price {
	width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
#home .h-price > div span:nth-child(2) {
    width: 16rem;
    height: 16rem
}
#home .h-price label:nth-child(1) {
    font-size: 2.5em;
}

/*
----------------------------------
    Function page
----------------------------------
*/
#function > .function {
    background-attachment: scroll;
}

#function .function .gs-box > div {
    width: 45%;
}


/*
----------------------------------
    Theme page
----------------------------------
*/
#theme .search > div:first-child {
    font-size: 2em;
}

#theme .filter .color label {
    margin: .5rem;
}

#theme .filter-button {
    display: block !important;
}
#theme .filter {
    display: none;
}


/*
----------------------------------
    Partner
----------------------------------
*/
#partner .s-description br {
    float: left;
}

#partner .why .s-content {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

#partner .form {
    background-attachment: scroll;
}

#partner .form button:hover {
    background: transparent;
    color: #fff;
    box-shadow: none;
}

#partner .form > div {
    width: 100%;
    float: none;
}

/*
----------------------------------
    Page
----------------------------------
*/
#page > section {
    width: 100%;
}