/*
Theme Name: Voice Child
Theme URI: http://mekshq.com
Author: meks
Author URI: http://mekshq.com
Description: Clean News/Magazine WordPress Theme - Child
Template: voice
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.main-header,
#sticky_header{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e55039+0,f6512d+90 */
    background: rgb(229,80,57); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(229,80,57,1) 0%, rgba(246,81,45,1) 90%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(229,80,57,1) 0%,rgba(246,81,45,1) 90%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(229,80,57,1) 0%,rgba(246,81,45,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e55039', endColorstr='#f6512d',GradientType=0 ); /* IE6-9 */

}
@media only screen and (max-width:1023px) {
    .main-header,
    #sticky_header{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e55039+0,f6512d+90 */
        background: rgb(229,80,57); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(229,80,57,1) 0%, rgba(246,81,45,1) 90%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(229,80,57,1) 0%,rgba(246,81,45,1) 90%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(229,80,57,1) 0%,rgba(246,81,45,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e55039', endColorstr='#f6512d',GradientType=0 ); /* IE6-9 */

    }
}

@media screen and (max-width: 1279px){
    .site-branding {
        padding: 0px !important;
    }
    .site-branding img {
        max-width: 160px !important;
        max-height: 120px !important;
        margin: 0  !important;
    }
}

.site-branding {
    top: 5px !important;
}

.vce-responsive-nav{
    color: #e6e7e9;
}
#vce_main_navigation_menu li a{
    background: transparent;
    color: #fff;
}
#vce_main_navigation_menu li a:hover,
#vce_main_navigation_menu .sub-menu{
    background: #d62f36;
}
#vce_main_navigation_menu .sub-menu a:hover{
    background: #ed464d;
}
#vce_main_navigation_menu li{
    text-transform: uppercase;
}
#vce_main_navigation_menu li ul li{
    text-transform: none;
}

.et_monarch .et_social_networks .et_social_icons_container{
    padding: 10px 0 10px 0 !important;
}
.et_monarch .widget .et_social_networks li{
    float: none;
    display: inline-block;
}
.et_monarch .et_social_autowidth.et_social_networks li:nth-child(n){
    margin: 4.8px 1% 3px 1% !important;
}
.cta-post{
    padding: 0 !important;
    margin: 0 0 30px 0;
}
.center-block{
    display: block; 
    margin-right: auto; 
    margin-left: auto;
}
.text-center{
    text-align: center;
}
.row{
    clear: both;
    content: " ";
    display: table;
}
.ew h1.entry-title-page{
    padding: 50px 0 50px 0;
    text-align: center;
}
.ew .ew-post{
    margin: 15px 0 15px 0;
    text-align: center;
}
.ew .ew-post .titulo{
    margin: 15px 0 0 0;
}
.ew .ew-post a{
    display: block;
}
.ew [class*="row"],
.ew [class*="col-"],
.ew .ew-post img,
.ew .ew-post .titulo{
    display: flex;
}
.ew [class*="row"],
.ew .ew-post img,
.ew .ew-post .titulo{
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

html, body{
    font-family: Arial,Helvetica,sans-serif !important;
}

.entry-content, 
.entry-headline,
.vce-single .entry-headline p{
    width: 95% !important;
    margin: 2.5% auto !important;  
    font-size: 18px !important;
    line-height: 150% !important;
    font-weight: normal !important;
}
.meta-image{
    text-align: center;
    max-height: 375px !important;
}
div#toc_container{
    margin: 20px 0 35px 0 !important;
    border-radius: 4px !important;
}
div#toc_container ul li {
    font-size: 14px !important; 
}
div#toc_container p.toc_title a:hover, 
div#toc_container ul.toc_list a:hover {
    color: #ba2d33 !important; 
}

.bottom-nav-menu{
    text-transform: uppercase !important;
}

.meta-item {
    display: none !important;
}

.et_monarch .et_social_networks .et_social_icons_container {
    padding: 10px !important;
}

/* Início Estilo Newsletter CF7 */
.textwidget .wpcf7-text,
.wpcf7-textarea,
.wpcf7-captchar {
    background-color: #fff;
    width: 100%;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 15px;
}

.textwidget .wpcf7-submit {
    width: 100%;
    background-color: #f44336 !important;
    color: #FFF !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none !important;
    padding: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 15px;
    border-radius: 3px;
}

.textwidget form.wpcf7-form p,
.textwidget .wpcf7-response-output {
    color: #444 !important;
    font-size: 14px;
}

.textwidget form.wpcf7-form {
    background: #e5e5e5;
    padding: 17px 20px 0px 20px;
    font-size: 14px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

div.wpcf7-validation-errors {
    margin-top: -20px;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    margin: 0 !important;
}


/* Fim Estilo Newsletter CF7 */

.meta-item.date {
    display: none;
}

.entry-meta>div:before {
    display: none;
}

.wpcf7-textarea {
    border: 1px solid #ddd;
}

.has-logo {
    width: 300px;
}

.header-sticky {
    background: #fff !important;
}

.main-navigation ul ul li:hover>a {
    color: #dc353a;
    background: #fff;
}

@media screen and (max-width: 600px) {
    .et_monarch .et_social_networks .et_social_icons_container {
        margin: 0 0 0 50px !important;
    }
    .admin-bar {
        padding-top: 0px;
    }
    .site-branding img {
        max-width: 174px;
        margin: -20px 0px 0px 5px;
    }
    #custom_html-9 div span {
        min-height: 48px !important;
        padding: 4px 0 !important;
        display: inline-block !important;
    } 
}


/*Materiais Gratuitos*/
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9
{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}	

/* Redes Sociais */
.redes-sociais,
.redes-sociais ul{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
.redes-sociais ul li{
    margin: 1px !important;
    padding: 0 !important;
    border: 0 transparent !important;
    list-style: none !important;
    display: inline-block !important;
    float: none;
}
.redes-sociais ul li a{
    display: block;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
}
.redes-sociais ul li,
.redes-sociais ul li a{
    width: 53px !important;
    height: 53px !important;
}
.redes-sociais ul li a{
    background: url('https://blog.engeman.com/wp-content/themes/voice-child/img/midias-sociais/logos-midias-sociais.png') !important;
}
.redes-sociais ul li a.instagram{
    background-position: -6px center !important;
}
.redes-sociais ul li a.telegram{
    background-position: -63px center !important;
}
.redes-sociais ul li a.facebook{
    background-position: -120px center !important;
}
.redes-sociais ul li a.linkedin{
    background-position: -177px center !important;
}
.redes-sociais ul li a.youtube{
    background-position: -234px center !important;
}
.redes-sociais.lateral,
.redes-sociais.lateral ul{
    text-align: center !important;
}

.conversao{
    padding: 10px 50px 10px 50px; 
    margin: 40px 0 40px 0; 
    background: #e5e5e5;
    border-radius: 6px;
}
.conversao .titulo,
.conversao label{
    color: #444;
}
.conversao .titulo{
    margin: 15px 0 0 0;
}
.conversao .titulo,
.conversao .submit{
    text-align: center;
}
.conversao input[type="text"], 
.conversao input[type="email"], 
.conversao input[type="tel"]{
    background: #fff;
    border-radius: 8px;
}
.conversao .field{
    margin-bottom: 15px !important;
}
.conversao sup{
    color: #f44336;
}    
.conversao .submit input{
    background-color: #f44336;
    width: 220px;
    height: 50px;
    margin: 20px 0 5px 0;
    font-size: 18px;
}
.wpcf7-spinner{
    display: block !important;
    margin: 0 auto !important;
}

#vce-pagination .page-numbers{
    color: #ba2d33 !important;
    border: 1px solid #ba2d33 !important;
    display: inline-block !important;
}
#vce-pagination .page-numbers.current,
#vce-pagination .prev.page-numbers,
#vce-pagination .next.page-numbers,
#vce-pagination .page-numbers:hover{
    color: #fff !important;  
}

.overlay{
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
    position: absolute;
    background: #000;
    z-index: 10000;
    opacity: 0.8;
}
.overlayWrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -187.5px 0 0 -400px;
    width: 800px;
    height: 375px;
    z-index: 10000;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
}
.overlayContent{
    width: 780px;
    height: 355px;
    margin: 10px;
}
.overlayContent .close{
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: -35px;
    right: 0;
    width: 27px;
    height: 27px;
    display: block;
    cursor: pointer;
}