/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   General Rules                                      *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
body{
    margin: 0;
    font-family: 'LatoWeb';
    font-size: 17px;
    background: #fff;
    font-display: auto !important;
}
#content{
    float: left;
    width: 100%;
}
.container{
    float: none;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
@media only screen and (max-width: 1300px) {
    .container{
        width: 80%;
        margin: 0 10%;
    }
}
img{
    border: none;
}
a{
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
a:hover{
    opacity: 0.39;
}
#select_popup{
    display: none;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: 'LatoWeb';
}
h1{
    color: #000;
    font-family: 'LatoWebBlack';
}
h3{
    font-family: 'LatoWebBlack';
}
strong{
    font-weight: normal;
    font-family: 'LatoWebBlack';
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   BLOCKS                                             *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.dmscontainer{
    float: left;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   PRIVACY PAGE                                       *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.select_lang{
    float: left;
    width: 100%;
    background: #f1f1f1;
    margin-bottom: 26px;
}
    .select_lang .lang{
        float: left;
        width: 25%;
        height: 65px;
        line-height: 65px;
    }
    .select_lang .lang:hover{
        opacity: 0.5;
    }
.privacy_content{
    float: left;
    width: 100%;
    padding: 130px 0;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   NEWSLETTER PAGE                                    *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.newsletter_content{
    float: left;
    width: 100%;
}
    .newsletter_content h1{
        float: left;
        width: 100%;
        padding-top: 130px;
        text-align: center;
    }
    .newsletter_content h2{
        float: left;
        width: 100%;
        padding-top: 26px;
        text-align: center;
    }
    .newsletter_content .box_subscribe{
        float: left;
        width: 40%;
        padding: 5%;
        margin: 130px 25%;
        text-align: center;
        background: #f1f1f1;
        border-radius: 6.5px;
    }
        .newsletter_content .box_subscribe .main_content{
            float: left;
            width: 100%;
        }
        .newsletter_content .box_subscribe.state_waiting .main_content{
            display: none;
        }
        .newsletter_content .box_subscribe.state_result .main_content{
            display: none;
        }
            .newsletter_content .box_subscribe .main_content label{
                float: left;
                width: 100%;
                margin-bottom: 13px;
            }
            .newsletter_content .box_subscribe .main_content input{
                float: left;
                width: 100%;
                height: 39px;
                text-align: center;
                background: #fff;
                border-radius: 6.5px;
                border: none;
                margin-bottom: 26px;
            }
            .newsletter_content .box_subscribe .main_content .check_content{
                float: left;
                width: 100%;
            }
                .newsletter_content .box_subscribe .main_content .check_content input{
                    float: none;
                    width: 13px;
                    height: 13px;
                    text-align: center;
                    background: #fff;
                    border-radius: 6.5px;
                    border: none;
                    margin-bottom: 0;
                }
                .newsletter_content .box_subscribe .main_content .check_content label{
                    float: none;
                    width: auto;
                    font-size: 13px;
                }
            .newsletter_content .box_subscribe .main_content button{
                float: left;
                width: 65%;
                margin: 0 17.5%;
                margin-top: 26px;
                height: 39px;
            }
        .newsletter_content .box_subscribe .waiting{
            float: left;
            width: 100%;
            display: none;
        }
        .newsletter_content .box_subscribe.state_waiting .waiting{
            display: block;
        }
        .newsletter_content .box_subscribe.state_result .waiting{
            display: none;
        }
            .newsletter_content .box_subscribe.state_waiting .waiting .switchbox {
                position: relative;
                width: 130px;
                height: 80px;
                left: 50%;
                margin-left: -75px;
                animation: spin 2s infinite linear; 
            }
                .newsletter_content .box_subscribe.state_waiting .waiting .switch {
                    position: absolute;
                    top: 50%;
                    margin-top: -10px;
                    width: 20px;
                    height: 20px;
                    background: #973636;
                    border-radius: 20px;
                    animation: cross 2s infinite linear;
                }
                .newsletter_content .box_subscribe.state_waiting .waiting .switch:nth-of-type(2) {
                    animation-delay: -1s;
                    background: #7593cb;
                }
                @keyframes spin { 
                    100% { 
                        transform: rotate(360deg); 
                    } 
                } 
                @keyframes cross {
                    50% {
                        margin-left: 60px;
                    }
                }
        .newsletter_content .box_subscribe .result{
            float: left;
            width: 100%;
            display: none;
        }
        .newsletter_content .box_subscribe.state_waiting .result{
            display: none;
        }
        .newsletter_content .box_subscribe.state_result .result{
            display: block;
        }
            .newsletter_content .box_subscribe .result .success{
                display: none;
            }
            .newsletter_content .box_subscribe .result .fail{
                display: none;
            }
            .newsletter_content .box_subscribe .result .icon{
                float: left;
                width: 100%;
                text-align: center;
                margin-bottom: 26px;
                font-size: 39px;
                color: #1c8a00;
            }
            .newsletter_content .box_subscribe .result .icon.negative{
                color: #c84747;
            }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   Fullscreen message Rules                           *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.fullscreen_bg{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: center no-repeat;
    background-size: cover;
    z-index: -10;
}
.fullscreen_message{
    float: left;
    width: 100%;
    text-align: center;
}
    .fullscreen_message h1{
        float: left;
        width: 100%;
    }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                      *
*    GENERIC RULES                                                     *
*                                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.animation_05{ 
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.animation_1{ 
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.animation_1_5{ 
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                      *
*    LOADING RULES                                                     *
*                                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#loading{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000000;
    background: #000;
}
#loading.hide{
    width: 0;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                      *
*    MESSAGE ALERT RULES                                               *
*                                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#message_alert{
	position: fixed;
	width: 80%;
	text-align: center;
	margin: 0 10%;
	left: 0;
	z-index: 10000001;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	font-size: 72px;
}
#message_alert.show{
	opacity: 1;
	visibility: visible;
}
	#message_alert .message{
		float: left;
		width: 100%;
	}
	#message_alert .button_content{
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 13px;
    }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                      *
*    INDEX DMS                                                         *
*                                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.dmsindex_bg_color{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -39;
    background: #131313;
}
.dmsindex_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -26;
    background: #000 center no-repeat;
    background-size: cover;
    opacity: 0.8;
}
.dmsindex_bg_divider{
    position: absolute;
    width: 100%;
    height: 260px;
    left: 0;
    top: 100%;
    z-index: -13;
    background: center repeat-x;
    background-size: auto 100%;
    margin-top: -260px;
}
.dmsindex{
    float: left;
    width: 100%;
    background: rgba(0,0,0,0.8);
    text-align: center;
    color: #fff;
}
    .dmsindex h1{
        float: left;
        width: 100%;
        text-align: center;
        color: #fff;
        font-family: 'LatoWebBlack';
        font-size: 52px;
        margin-top: 65px;
    }
    .dmsindex .claim{
        float: left;
        width: 80%;
        margin: 65px 10%;
        text-align: center;
        font-size: 26px;
        font-family: 'LatoWebLight';
    }
    .dmsindex .steps{
        float: left;
        width: 100%;
        text-align: left;
        margin-bottom: 130px;
    }
        .dmsindex .steps .step{
            float: left;
            width: 80%;
            margin: 0 10%;
            margin-top: 130px;
            margin-bottom: 65px;
        }
            .dmsindex .steps .step .num{
                float: left;
                width: 195px;
                font-family: 'Times New Roman', Times, serif;
                font-size: 260px;
                letter-spacing: -39px;
                opacity: .5;
                color: #656565;
                text-align: right;
            }
            .dmsindex .steps .step:nth-child(2n+2) .num{
                float: right;
                text-align: left;
            }
            .dmsindex .steps .step .title_content{
                float: right;
                width: -webkit-calc( 100% - 169px );
                width: -moz-calc( 100% - 169px );
                width: -ms-calc( 100% - 169px );
                width: -o-calc( 100% - 169px );
                width: calc( 100% - 169px );
                margin-top: 91px;
                margin-left: -26px;
                font-family: 'Times New Roman', Times, serif;
                font-size: 65px;
                text-transform: uppercase;
                line-height: 52px;
                font-weight: bold;
            }
            .dmsindex .steps .step:nth-child(2n+2) .title_content{
                float: left;
                text-align: right;
                margin-left: 0;
                margin-right: -26px;
            }
            .dmsindex .steps .step .text_content{
                float: right;
                width: -webkit-calc( 100% - 169px );
                width: -moz-calc( 100% - 169px );
                width: -ms-calc( 100% - 169px );
                width: -o-calc( 100% - 169px );
                width: calc( 100% - 169px );
                margin-top: 26px;
                margin-left: -26px;
                font-size: 17px;
                line-height: 26px;
                font-family: 'LatoWebLight';
                color: #ccc;
            }
            .dmsindex .steps .step:nth-child(2n+2) .text_content{
                float: left;
                text-align: right;
                margin-left: 0;
                margin-right: -26px;
            }