*{
	font-family: 'Open Sans', sans-serif;
}

:root{
	--themeColorA: #00A2E5;
	--themeColorA_h: #F15C02;
}

.container{
	padding: 10px 10px;
}


/*
TRIGGER
Personaliza mensagens do sistema
*/

.trigger{
	height: 80px;
	padding: 20px;
	text-align: center;
	-webkit-border-radius: var(--radius-medium);
	-moz-border-radius: var(--radius-medium);
	border-radius: var(--radius-medium);
	border: 1px solid #cccccc;
	font-weight: var(--weight-bold);
}



.trigger_success{background-color: #00B494;}
.trigger_info{background-color: #0E96E5;}
.trigger_alert{background-color: #FAAD50;}
.trigger_error{background-color: #F45563;}

.trigger_none{
	margin-bottom: 0;
}

/*############################################
############# HEADER SISTEMA #################
##############################################*/

.main_header {
	color: #ffffff;
}
.main_header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/*logo*/
.main_header_logo h1 a {
	font-weight: var(--weight-normal);
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.main_header_logo img{
	width: 150px;
	max-width: 100%;
}

/*nav*/
.main_header_nav {
	display: flex;
	align-items: center;
}

.main_header_nav_links {
	display: block !important;
}

.main_header_nav_links .link {
	display: inline-block;
	padding: 6px 12px;

	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: var(--weight-bold);
	font-size: var(--font-small);
}

.main_header_nav_links .link:hover {
	background: rgba(0, 0, 0, 0.5);
}

.main_header_nav_links .login {
	background: var(--hover-color-blue);
}

/*mobile*/
.main_header_nav_mobile,
.main_header_nav_mobile_close {
	display: none;
}

@media (max-width: 62em) {
	.main_header{
		padding: 15px 30px;
	}

	.main_header_logo {
		font-size: 0.8em;
	}

	.main_header_nav {
		text-align: center;
	}

	.main_header_nav_mobile {
		display: block;
		font-size: var(--font-medium);
		cursor: pointer;
		padding: 4px 8px;
		background: rgba(0, 0, 0, 0.3);
	}

	.main_header_nav_mobile:hover {
		background: rgba(0, 0, 0, 0.6);		
	}

	.main_header_nav_mobile_close {
		cursor: pointer;
		display: block;
		padding: 10px;
		color: var(--color-red);
		font-size: 2em;
	}

	.main_header_nav_mobile_close:hover {
		color: #ffffff;
		background: var(--hover-color-red);
	}

	.main_header_nav_links {
		display: none;
		position: fixed;
		z-index: var(--index-menu);
		left: 100%;
		top: 0;
		background: #ffffff;
		width: 300px;
		height: 100%;
		max-width: 80%;
		padding: 20px;
		border-left: 1px solid #E9E9E9;
	}

	.main_header_nav_links .login,
	.main_header_nav_links .link {
		background: none;
		display: block;
		color: #555555;
		padding: 10px;
		transition-duration: 0s;
	}

	.main_header_nav_links .link:hover {
		color: #ffffff;
		background: #ffffff;
		background-image: var(--gradient-blue);
	}
}

/*############################################
############# FOOTER SISTEMA #################
##############################################*/

	
.main_footer_optin{
	width: 500px;
	max-width: 100%;
	margin: 0 auto 30px auto;
	text-align: center;    
}

.main_footer_optin_header{
	color: #777;
	margin-bottom: 60px;
}

.main_footer_optin_header h3{
	font-size: 2em;
	margin-bottom: 20px;
}

.main_footer_optin_form input{
	font-size: 1em;
	padding: 8px;
	border: 2px solid #ccc;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}


.main_footer_nav h4{
	color: #888;
	font-size: 1em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

.main_footer_nav a{
	display: block;
	width: 100%;
	margin-top: 8px;
	color: #888;
	font-weight: normal;
	font-size: 0.875em;
	text-decoration: none;
}

.main_footer_nav a:hover{
	text-decoration: underline;
}

.main_footer_bottom{
	background: #eee;
}

.main_footer_bottom .container{
	align-items: center;
}

.main_footer_bottom_copy{
	flex-basis: 50%;
	font-size: 0.875em;
	color: #555;
}

.main_footer_bottom_copy img{
	width: 250px;
	max-width: 100%;
	padding: 10px;
}

.main_footer_bottom_copy  p{
	width: 250px;
	color: #555;
}

.main_footer_bottom_social{
	flex-basis: 50%;
	text-align: right;
	font-size: 1.4em;
}

.main_footer_bottom_social a{
	display: inline-block;
	margin-left: 10px;
	text-decoration: none;
	color: #888;
}

.main_footer_bottom_social a:hover{
	color: var(--color-green);
}

.main_footer_bottom_social .terms{
	font-size: 0.8em;
}

@media(max-width: 52em){
	.main_footer_optin_header h3{
		font-size: 1.5em;
		padding: 10px;
		margin-top: 20px;
	}
	.main_footer_optin_header p{
		padding: 10px;
	}


	.main_footer_bottom_copy{
		flex-basis: 100%;
		margin: 0 auto;
	}

	.main_footer_bottom_copy img{
		width: 250px;
		max-width: 100%;
		padding: 10px;
		margin: 0 auto;
	}

	.main_footer_bottom_copy  p{
		width: 100%;
		color: #555;
		text-align: center;
	}

	.main_footer_bottom_social{
		flex-basis: 100%;
		text-align: center;
		margin: 20px auto;
	}

}

/********************************************************
***************** BOTÃO COM TRANSIÇÃO *******************
*********************************************************/
.button_transition button{
	width: 100%; 
	cursor: pointer; 
	border: none; 
	display: block;	
	text-align: center; 
	padding: 20px; 
	font-size: var(--font-medium); 
	font-weight: var(--weight-black); 
	color: #ffffff; 
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.button_transition a{ text-decoration: none;}

@media(max-width: 52em){
	.button_transition button{ width: 100%;margin: 0px; margin-top: 50px; padding: 15px 10px;}
	.button_transition a{ text-decoration: none;}
}

/********************************************************
*****************  MODAL DE CADASTRO  *******************
*********************************************************/

.button_transition_top{
    padding: 20px;
    width: 100%;
    color: #ffffff;
    border: none;
}

.wc_box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 31;
    display: none;
}

.wc_box_instagram{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 31;
    display: none;
}

.wc_box_facebook{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 31;
    display: none;
}


.wc_user_edit,
.wc_user_create{
    display: none
}


.wc_box_modal{
    /*margin: auto;
    width: 700px;
    position: relative;*/
    width: 400px;
    max-width: 96%;
    margin: auto;
    background: #fff;
    padding: 30px;
    text-align: center;
    position: relative;
}

.wc_box_modal_title{
    /*padding: 20px;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #0A537D;*/
    font-size: 1.4em;
    text-transform: uppercase;
    color: var(--themeColorA);
    margin-bottom: 10px;
    font-weight: bold;
}

.theme_login_box_recover{
    display: block;
    margin-top: 20px;
    font-size: 0.8em;
    color: #777;
    text-decoration: #888;
}

.wc_box_modal_subtitle{
    color: #777;
    font-weight: var(--weight-normal);
}

.wc_box_modal_content{
    padding: 10px;
    background: #fff;
}

.wc_box_modal_close{
    position: absolute;
    right: -5px;
    top: -10px;
    font-size: 1.2em;
    color: #E70E37;
    text-shadow: 1px 1px #000;
    cursor: pointer;
}

.wc_box_modal_close_instagram{
    position: absolute;
    right: -5px;
    top: -10px;
    font-size: 1.2em;
    color: #E70E37;
    text-shadow: 1px 1px #000;
    cursor: pointer;
}

.wc_box_modal_close_facebook{
    position: absolute;
    right: -5px;
    top: -10px;
    font-size: 1.2em;
    color: #E70E37;
    text-shadow: 1px 1px #000;
    cursor: pointer;
}

.wc_box_modal_close:hover{
    color: #F45563;
}

.wc_box_modal_content form input,
.wc_box_modal_content form select{
    /*margin-bottom: 20px;
    padding: 15px;
    font-size: 0.875rem;*/
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 15px 0px 15px 0px;
    font-size: 1em;
}

.wc_actions img{
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 10px;
}

.wc_content{
    display: block;
    width: 80%;
    margin: 30px auto;
}

.wc_content h1{
    text-align: center;
    font-size: 1.6em;
    color: #ccc;
    margin-bottom: 30px;
}


.wc_single_user{
    display: block;
    background: #fbfbfb;
    font-size: 0.875em;
}

.wc_single_user:nth-of-type(2n+0){
    background: #fff;
}

.wc_single_user .row{
    display: inline-block;
    vertical-align: middle;
    width: 16.6666666667%;
    padding: 20px;
    font-size: 0.8rem;
}

.wc_single_user .title{
    font-weight: bold;
}

.wc_single_user .btn{
    font-size: 0.7em;
    margin-left: 10px !Important;
}

.wc_single_user_add{
    background: #d4ddd4;
}

.wc_single_user_add:nth-of-type(2n+0){
    background: #e8eee8;
}


/***********************************************************************************
******************************  PÁGINA 1 / INDEX  **********************************
************************************************************************************/
.confirm_media_video {
    width: 860px;
    max-width: 90%;
    margin: 0 auto;
    -webkit-border-radius: var(--radius-medium);
    -moz-border-radius: var(--radius-medium);
    border-radius: var(--radius-medium);
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.confirm_media_video iframe{
    width: 100%;
    height: 300px;
}

.confirm{
    background: rgba(0, 0, 0, 0.00);
}
.home_confirm {
    width: 90%;
    margin: auto;
    padding: 40px; 
    margin-bottom: -50px;
}

.home_confirm .button_transition{
    width: 50%;
    margin: 20px auto;
}
.home_confirm_content {
    display: flex;
    align-items: flex-start;
    color: #555555;
    padding-top: 30px;
}

.home_confirm_content_flex {
    flex-basis: 100%;
    padding: 20px; 
}

.home_confirm_content_flex img{
    width: 350px;
    max-width: 100%;
    margin:  20px auto;
}


.home_confirm_content header h2 {
    margin-top: 10px;
    font-size: 3em;
    
}

.home_confirm_content h4 {
    font-size: 1.5em;
    font-weight: var(--weight-bold);
    text-align: center;
    margin-bottom: 30px;
    padding: 20px 0px;
}


.home_confirm_content p{
    font-size: 1em;
    font-weight: var(--weight-ligth);
    text-align: center;
    margin-bottom: 30px;
}

@media (max-width: 52em) {
    .home_confirm {
        width: 100%;
        margin: auto;
        padding: 40px 20px;
    }

    .home_confirm .button_transition{
        width: 80%;        
    }
    

    .home_confirm_content {
        flex-wrap: wrap;
        text-align: center;
        display:in-line;
        
    }
    
    .home_confirm_content h4 {
    font-size: 1.3em;
        
    }
    
    
    .home_confirm_content_flex {
        flex-basis: 100%;
    }

}

/***********************************************************************************
****************************  PÁGINA 1 / DOBRA TEXTO  ******************************
************************************************************************************/
.text_externo{ padding: 0px 20px; margin-bottom: 80px; }
.text_externo h1{ text-align: center; font-weight: var(--weight-normal); color: #888888;}
.text_externo .icon{font-size: 3em; color:  rgba(0, 0, 0, 0.06); z-index: 1;}
.text_externo strong{color: #39AED9;}

@media (max-width: 52em) {
	.text_externo .icon{font-size: 1em;}
}

/***********************************************************************************
****************************  PÁGINA 1 / UTM_SOURCE_FB  ******************************
************************************************************************************/

.about{
    background: rgba(0, 0, 0, 0.02);
}
.home_about {
    width: 80%;
    margin: auto;
    padding: 40px;
}

.home_about .button_transition{
    width: 50%;
    margin: 20px auto;
}
.home_about_content {
    display: flex;
    align-items: flex-start;
    color: #555555;
}

.home_about_content_flex {
    flex-basis: 50%;
    padding: 20px; 
}

.home_about_content_flex img{
    width: 350px;
    max-width: 100%;
    margin:  20px auto;
}


.home_about_content header h2 {
    margin-top: 10px;
    font-size: 3em;
    
}

.home_about_content h4 {
    font-size: var(--font-large);
    font-weight: var(--weight-bold);
    text-align: center;
    margin-bottom: 30px;
}


.home_about_content p{
    font-size: 1em;
    font-weight: var(--weight-ligth);
    text-align: center;
    margin-bottom: 30px;
}

@media (max-width: 52em) {
    .home_about {
    width: 100%;
    margin: auto;
    padding: 40px 20px;
    }

    .home_about .button_transition{
        width: 80%;        
    }
    .home_about_content {
        flex-wrap: wrap;
        text-align: center;
    }

    .home_about_content_flex {
        flex-basis: 100%;
    }
}

/***********************************************************************************
****************************  PÁGINA 1 / UTM_SOURCE_FB  ******************************
************************************************************************************/
.text_externo{ padding: 0px 20px; margin-bottom: 80px; }
.text_externo h1{ text-align: center; font-weight: var(--weight-normal); color: #888888;}
.text_externo .icon{font-size: 3em; color:  rgba(0, 0, 0, 0.06); z-index: 1;}
.text_externo strong{color: #39AED9;}

@media (max-width: 52em) {
	.text_externo .icon{font-size: 1em;}
}

/***********************************************************************************
****************************  PÁGINA 1 / DOBRA ABOUT  ******************************
************************************************************************************/

.about{
    background: rgba(0, 0, 0, 0.02);
}
.home_about {
    width: 80%;
    margin: auto;
    padding: 40px;
}

.home_about .button_transition{
    width: 50%;
    margin: 20px auto;
}
.home_about_content {
    display: flex;
    align-items: flex-start;
    color: #555555;
}

.home_about_content_flex {
    flex-basis: 50%;
    padding: 20px; 
}

.home_about_content_flex img{
    width: 350px;
    max-width: 100%;
    margin:  20px auto;
}


.home_about_content header h2 {
    margin-top: 10px;
    font-size: 3em;
    
}

.home_about_content h4 {
    font-size: var(--font-large);
    font-weight: var(--weight-bold);
    text-align: center;
    margin-bottom: 30px;
}


.home_about_content p{
    font-size: 1em;
    font-weight: var(--weight-ligth);
    text-align: center;
    margin-bottom: 30px;
}

@media (max-width: 52em) {
    .home_about {
    width: 100%;
    margin: auto;
    padding: 40px 20px;
    }

    .home_about .button_transition{
        width: 80%;        
    }
    .home_about_content {
        flex-wrap: wrap;
        text-align: center;
    }

    .home_about_content_flex {
        flex-basis: 100%;
    }
}
/*############################################
############# PÁGINA TERMOS  #################
##############################################*/

.terms_page_header {
      text-align: center;
      padding: 50px 40px;
      background: var(--gradient-blue);
      background-size: 200%;
      color: #ffffff;
}

.htmlchars h3{font-weight: var(--weight-bold); margin: 10px 0px; font-size: var(--font-medium); color: #555555; }

.terms_page_header h1 {
      font-size: 2em;
      font-weight: var(--weight-bold);
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

.terms_page_header p {
      margin-top: 10px;
      font-weight: var(--weight-light);
      color:#ffffff;
}

.terms_page_content {
      width: 100%;
      margin: 0 auto;
      padding: 60px 200px 0 200px;
}


@media(max-width: 52em){
      .terms_page_content {
            width: 100%;
            padding: 0px;
            margin: 0px;
      }

}