/*
==================================
    Class
==================================
*/
.s-title-sub br {
    float: left;
}


/*
----------------------------------
    Notice
----------------------------------
*/
.notice {
    padding: 3rem;
}

.notice > :nth-child(1) {
    font-size: 2.2em;
}

/*
----------------------------------
    Salient general
----------------------------------
*/
.gs-salient .content > div {
    width: 100%;
}


/*
----------------------------------
    Theme general
----------------------------------
*/
.gs-theme .content>div {
    width: calc(90%/2);
    width: -webkit-calc(90%/2);
}

.gs-theme .content>div:nth-child(n+3) {
    margin-top: 5rem
}



/*
----------------------------------
    Price general
----------------------------------
*/



/*
----------------------------------
    Function general
----------------------------------
*/
.gs-function {
    width: 70%;
    flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	align-items: flex-start;
	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
}

.gs-function > div {
	width: 100%;
}



/*
----------------------------------
    Request general
----------------------------------
*/
.gs-request .button {
    width: 100%;
    flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
    align-items: flex-start;
	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
    justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.gs-request .button a {
	width: 100%;
    padding: 2rem;
    display: flex;
    align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
    justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.gs-request .button a:first-child {
    margin-bottom: 4rem;
}

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


.gs-request .button span {
    padding-left: 6rem
}

.gs-request .button span:before {
    width: 5rem;
    height: 5rem;
}



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

/*
----------------------------------
    Request popup
----------------------------------
*/
#popup-request > div,
#popup-request {
    width: 100%;
    background: none;
}



/*
----------------------------------
    Contact popup
----------------------------------
*/
#popup-contact-box,
#popup-contact {
    width: 100%;
}

#popup-contact-box [class*=mes-content] {
    overflow: auto;
}


/*
----------------------------------
    Register popup
----------------------------------
*/
#popup-register {
    width: 100%;
}

#popup-register .data {
    display: block;
}

#popup-register .data > div {
	width: 100%;
}

#popup-register .notice,
#popup-register .info,
#popup-register .R {
    margin-top: 4rem !important;
}

#popup-register .R .info > input:nth-child(n+2) {
    margin-top: 2rem;
}



    /*
    ----------------------------------
        Main
    ----------------------------------
    */

main>section {
    padding: 8rem 3rem;
}


/*
----------------------------------
    Footer
----------------------------------
*/

footer .hotline div {
    width: 45%;
    padding-left: 0;
    text-align: left;
}

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

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

footer .support {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

footer .support > div {
    width: 45%;
}

footer .support > div:nth-child(n+3) {
    margin-top: 4rem;
}

footer .support > div.social > label {
    display: none
}

footer .support > div.social {
    text-align: center;
    padding-top: 2rem
}
footer .support label {
	font-size: 1.3em
}

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

footer .request label {
    font-size: 1.2em;
}

footer .company > * {
    width: 100%;
}
footer .company .info {
    margin-bottom: 2rem
}
footer .company .info > * {
    text-align: left;
}




/*
----------------------------------
    Home page
----------------------------------
*/
#home .banner .content {
    padding: 0 4rem;
    box-sizing: border-box;
}

#home .banner .content span:nth-of-type(1) {
    font-size: 2.3em;
    margin-top: 6rem;
}

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

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

#home .banner .content span:nth-of-type(3) .br {
    display: inline-block;
    font-size: inherit;
}

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

#home .profile .content span:before {
    height: 6rem;
    margin-bottom: 2rem;
}

#home .profile .content span label:nth-child(1) {
    font-size: 2.5em;
}

#home .profile .content span label:nth-child(2) {
    white-space: nowrap;
}


#home .h-price > div span:nth-child(2) {
    width: 14rem;
    height: 14rem
}


/*
----------------------------------
    Theme page
----------------------------------
*/
#theme .search .br {
    font-size: inherit !important;
    display: inline-block;
}

#theme .search form {
    margin: 3rem 0;
    display: flex;
	display: -webkit-flex;
    justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

#theme .search form button {
    white-space: nowrap;
    padding: 0 3rem;
}

#theme .filter .color {
    margin-bottom: 2rem;
}


/*
----------------------------------
    Partner
----------------------------------
*/
#partner .price .s-content > .fs-grid {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}


#partner .price .flex-w-30 {
    width: 45%
}

#partner .form > div {
    padding: 6rem 3rem;
}
#partner .form form {
    width: 100%;
}

/*
----------------------------------
    Page
----------------------------------
*/
#article > section > h1,
#page > section > h1 {
    font-size: 2.5em;
}

