/****************************************************************************
 * Content
 ****************************************************************************/
.content {
    overflow: hidden;
}


/****************************************************************************
 * Row
 ****************************************************************************/
.row {
    max-width: 80rem;
}

/****************************************************************************
 * Scroll Top
 ****************************************************************************/
.scroll_top_container {
    text-align: right;
    padding-top: 0;
}
.scroll_top {
    width: 3rem; height: 3rem; display: block; cursor: pointer;
    background: url(../img/scroll-top.svg) no-repeat;
    margin: 0 0 0 auto; background-size: contain;
}

/****************************************************************************
 * Paddings
 ****************************************************************************/
.section_padding_top { padding-top: 2rem;}
.section_padding_bottom { padding-bottom: 2rem;}
.section_padding_left { padding-left: 1rem;}
.section_padding_right { padding-right: 1rem;}


/****************************************************************************
 * Popup
 ****************************************************************************/
.popup {
	position: fixed; z-index: 2000; 
	left:0; bottom: 0; top: 0; right: 0;
	width: auto; height: auto; 
	background-color: rgba(0,0,0,0.5);
	
}
.popup_inner {
	position: fixed; z-index: 2000; padding: 4rem 2rem;
	top: 50%; left: 50%; max-height: 40rem; max-width: 50rem; 
	/*width: 80%; height: 80%;*/ background-color: #FFFFFF;
	box-shadow: 0 0 1rem rgba(0,0,0,0.25);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.popup .close {
	position: absolute; top: 1rem; right: 1rem;
	width: 2rem; height: 2rem; cursor: pointer;
}
.popup .close:after {
	content: ''; position: absolute;
	top: 50%; left: 0; right: 0;
	height: 0.125rem; width: auto;
	background-color: currentColor;
	-webkit-transform: translate(0,-50%) rotate(-45deg);
	-moz-transform: translate(0,-50%) rotate(-45deg);
	-ms-transform: translate(0,-50%) rotate(-45deg);
	-o-transform: translate(0,-50%) rotate(-45deg);
	transform: translate(0,-50%) rotate(-45deg);
}
.popup .close:before {
	content: ''; position: absolute;
	top: 50%; left: 0; right: 0;
	height: 0.125rem; width: auto;
	background-color: currentColor;
	-webkit-transform: translate(0,-50%) rotate(45deg);
	-moz-transform: translate(0,-50%) rotate(45deg);
	-ms-transform: translate(0,-50%) rotate(45deg);
	-o-transform: translate(0,-50%) rotate(45deg);
	transform: translate(0,-50%) rotate(45deg);
}



@media screen and (min-width: 40rem){
    /****************************************************************************
    * Scroll Top
    ****************************************************************************/
    .scroll_top {
        width: 4rem; height: 4rem; 
    }


    /****************************************************************************
    * Paddings
    ****************************************************************************/
    .section_padding_top { padding-top: 3rem;}
    .section_padding_bottom { padding-bottom: 3rem;}
    .section_padding_left { padding-left: 2rem;}
    .section_padding_right { padding-right: 2rem;}
}


@media screen and (min-width: 64rem){
    /****************************************************************************
    * Scroll Top
    ****************************************************************************/
    .scroll_top {
        width: 5rem; height: 5rem; 
    }


    /****************************************************************************
    * Paddings
    ****************************************************************************/
    .section_padding_top { padding-top: 4rem;}
    .section_padding_bottom { padding-bottom: 4rem;}
    .section_padding_left { padding-left: 4rem;}
    .section_padding_right { padding-right: 4rem;}
}