<html class="csstransforms csstransforms3d csstransitions"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- /Tudo em um único pacote -->
    <link rel="shortcut icon" href="{{ asset($layout->favicon->image) }}">
    <title>{{ $settings->title }}</title>
    <meta name="title" content="{{ $settings->title }}">
    <meta name="description" content="{{ $settings->description }}">
    <meta http-equiv="content-language" content="pt_BR">
    <meta name="keywords" content="{{ $settings->meta }}">
    <!-- SEO Marcação do Open Graph -->
    <link rel="canonical" href="{{ env('APP_URL') }}">
    <meta property="og:locale" content="pt_BR">
    <meta property="og:type" content="article">
    <meta property="og:title" content="{{ $settings->title }}">
    <meta property="og:description" content="{{ $settings->title }}">
    <meta property="og:url" content="{{ env('APP_URL') }}">
    <meta property="og:site_name" content="{{ $settings->title }}">
    <meta property="article:publisher" content="{{ env('APP_URL') }}">
    <meta property="og:image" content="{{ asset(layouts(1)) }}">
    <meta property="og:image:secure_url" content="{{ asset(layouts(1)) }}">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <!-- Facebook / Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="{{ $settings->title }}">
    <meta name="twitter:description" content="{{ $settings->title }}">
    <meta name="twitter:site" content="{{ $settings->tiwtter }}">
    <meta name="twitter:image" content="{{ asset(layouts(1)) }}">
    <meta name="twitter:creator" content="{{ $settings->twitter }}">
    <!-- / SEO Marcação do Open Graph // Schema-->
    <meta itemprop="name" content="{{ $settings->title }}">
    <meta itemprop="description" content="{{ $settings->title }}">
    <meta itemprop="image" content="{{ asset(layouts(1)) }}">
    <!-- /Tudo em um único pacote //  Plataformas css -->
    <!-- Bootstrap -->
    <!-- Latest compiled and minified CSS -->
    <link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet" type="text/css" media="all">
    <link href="{{ asset('css/theme.css') }}" rel="stylesheet" type="text/css" media="all">
    <link href="{{ asset('css/revslider.css') }}" rel="stylesheet" type="text/css" media="all">
    <link href="{{ asset('css/custom.css') }}" rel="stylesheet" type="text/css" media="all">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800|Roboto:400,400i,500,500i,700,700i,900" rel="stylesheet">
    <style>
        body,
        input[type="text"],
        input[type="email"],
        input[type="password"],
        input[type="submit"],
        textarea {
            font-family: 'Roboto', sans-serif;
        }
        
        .logo_retina,
        .logo_retina {
            width:176px;
            height:33px;
        }
        
        ::selection {
            background:{{ $colors->primary }};
            color:{{ $colors->top_menu }};
        }
        ::-moz-selection {
            background:{{ $colors->primary }};
            color:{{ $colors->top_menu }};
        }
        
        a {
            color:{{ $colors->primary }};
        }
        
        .color {
            color:{{ $colors->primary }} !important;
        }
        
        header nav ul.menu > li > a:before {
            background:{{ $colors->primary }};
        }
        
        header nav ul.sub-menu > li:hover > a,
        header nav ul.sub-menu > li.current-menu-item > a,
        header nav ul.sub-menu > li.current-menu-parent > a {
            color:{{ $colors->primary }};
        }
        
        .main_header.type4 header nav ul.menu > li:hover > a,
        .main_header.type4 header nav ul.menu > li.current-menu-ancestor > a,
        .main_header.type4 header nav ul.menu > li.current-menu-item > a,
        .main_header.type4 header nav ul.menu > li.current-menu-parent > a {
            color:{{ $colors->primary }};
        }
        
        .highlighted_colored {
            background:{{ $colors->primary }};
        }
        
        .dropcap.type2 {
            color:{{ $colors->primary }};
        }
        
        .dropcap.type5 {
            background:{{ $colors->primary }};
        }
        
        blockquote.type2:before {
            color:{{ $colors->primary }};
        }
        
        blockquote.type5:before {
            background:{{ $colors->primary }};
        }
        
        .module_content ul.type2 li:before {
            color:{{ $colors->primary }};
        }
        
        .sidepanel a:hover {
            color:{{ $colors->primary }};
        }
        
        .recent_posts li a.title:hover,
        .product_posts li a.title:hover,
        .pre_footer .recent_posts li a.title:hover,
        .pre_footer .product_posts li a.title:hover,
        .star_rating,
        .subtotal span {
            color:{{ $colors->primary }};
        }
        
        #mc_signup_submit:hover {
            background: {{ $colors->primary }} !important;
        }
        
        .tweet_module ul li a:hover,
        .pre_footer .tweet_module ul li a:hover {
            color:{{ $colors->primary }};
        }
        
        .shortcode_button.btn_type5,
        .shortcode_button.btn_type4:hover,
        .shortcode_button.btn_type4.dark_parent:hover {
            background: {{ $colors->primary }};
            color:#fff;
            border-color:{{ $colors->primary }};
        }
        
        .shortcode_button.btn_type5:hover {
            background: #ff6667;
        }
        
        .map_collapse:hover {
            background: #ff6667;
        }
        
        .stat_count {
            color:{{ $colors->primary }};
        }
        
        .counter_icon {
            background:{{ $colors->primary }};	
        }
        
        .skill_div {
            background: {{ $colors->primary }};
        }
        
        .iconbox_wrapper .ico {
            background: {{ $colors->primary }};
        }
        
        .color_gradient_vert,
        h5.shortcode_accordion_item_title:hover .ico:after,
        h5.shortcode_toggles_item_title:hover .ico:after,
        h5.shortcode_accordion_item_title.state-active .ico:after,
        h5.shortcode_toggles_item_title.state-active .ico:after,
        .icon5,
        .icon6,
        .icon7,
        .pagerblock li a.current,
        .pagerblock li a.current:hover,
        .pagerblock li span,
        .quantity .minus:hover,
        .quantity .plus:hover,
        a.remove:hover {
            background: {{ $colors->primary }}; /* Old browsers */
            background: -moz-linear-gradient(top,  {{ $colors->primary }} 0%, #ff8164 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{{ $colors->primary }}), color-stop(100%,#ff8164)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  {{ $colors->primary }} 0%,#ff8164 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  {{ $colors->primary }} 0%,#ff8164 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  {{ $colors->primary }} 0%,#ff8164 100%); /* IE10+ */
            background: linear-gradient(to bottom,  {{ $colors->primary }} 0%,#ff8164 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{{ $colors->primary }}', endColorstr='#ff8164',GradientType=0 ); /* IE6-9 */
        }
        
        .color_gradient_hor,
        .widget_filter .ui-slider-range {
            background: {{ $colors->primary }}; /* Old browsers */
            background: -moz-linear-gradient(left,  {{ $colors->primary }} 0%, #ff8164 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,{{ $colors->primary }}), color-stop(100%,#ff8164)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left,  {{ $colors->primary }} 0%,#ff8164 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left,  {{ $colors->primary }} 0%,#ff8164 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(left,  {{ $colors->primary }} 0%,#ff8164 100%); /* IE10+ */
            background: linear-gradient(to right,  {{ $colors->primary }} 0%,#ff8164 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{{ $colors->primary }}', endColorstr='#ff8164',GradientType=1 ); /* IE6-9 */
        }
        
        /* Iconbox Gradient */
        a:hover .iconbox_wrapper .ico:after,
        .shortcode_iconbox.type4 .iconbox_wrapper .ico:after,
        .shortcode_iconbox.type5 .iconbox_wrapper .ico:after,
        .step_by_step .iconbox_wrapper .ico:after,
        .shortcode_iconbox.type6 .iconbox_wrapper .ico:after {
            background: {{ $colors->primary }}; /* Old browsers */
            background: -moz-linear-gradient(top,  {{ $colors->primary }} 0%, #ff8164 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{{ $colors->primary }}), color-stop(100%,#ff8164)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  {{ $colors->primary }} 0%,#ff8164 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  {{ $colors->primary }} 0%,#ff8164 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  {{ $colors->primary }} 0%,#ff8164 100%); /* IE10+ */
            background: linear-gradient(to bottom,  {{ $colors->primary }} 0%,#ff8164 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{{ $colors->primary }}', endColorstr='#ff8164',GradientType=0 ); /* IE6-9 */
        }
        
        .easyPieChart {
            color: {{ $colors->primary }};
        }
        
        a:hover .iconbox_wrapper .ico:before {
            box-shadow:0 0 0 2px {{ $colors->primary }};	
        }
        
        h1.light span {
            color: {{ $colors->primary }};
        }
        
        .slick_testim_info h5 span,
        .testimonials_list li .item h5.testimonials_title span {
            color: {{ $colors->primary }};
        }
        
        h5.shortcode_accordion_item_title:hover,
        h5.shortcode_toggles_item_title:hover,
        h5.shortcode_accordion_item_title.state-active,
        h5.shortcode_toggles_item_title.state-active {
           color:{{ $colors->primary }};
        }
        
        .module_team .item_list.type2 .teamlink:hover {
            color: {{ $colors->primary }} !important;
        }
        
        .module_cont hr.type2 {
            border-top: {{ $colors->primary }} 1px solid;
        }
        
        .price_item.most_popular .price_item_title h5 {
           color: {{ $colors->primary }};
        }
        
        .shortcode_tab_item_title.active:before {
            background: {{ $colors->primary }};
        }
        
        .item_tab h6 a:hover,
        .contact_info_item a:hover,
        .shortcode_timeline a:hover {
            color:{{ $colors->primary }};
        }
        
        .shortcode_timeline_date {
            background: {{ $colors->primary }};
        }
        
        .view_link:hover,
        .view_link:hover i {
            color:{{ $colors->primary }};
        }
        
        .featured_items_body a:hover {
            color:{{ $colors->primary }};
        }
        
        .breadcrumbs a:hover {
            color:{{ $colors->primary }};
        }
        
        .map_collapse {
            background: {{ $colors->primary }};
        }
        
        .table_info_title h3 .badge {
            background: {{ $colors->primary }};
        }
        
        .send_mail h3 a {
            color:{{ $colors->primary }};
        }
        
        input[type="button"],
        input[type="reset"],
        input[type="submit"],
        .coupon input[type="submit"]:hover {
            background-color:{{ $colors->primary }};
        }
        
        input[type="button"]:hover,
        input[type="reset"]:hover,
        input[type="submit"]:hover {
            background-color:#ff6667;
        }
        
        .with_reset .fright:hover:before {
            color:{{ $colors->primary }};
        }
        
        .widget_tag_cloud a:hover {
            color:{{ $colors->primary }};
            border-color:{{ $colors->primary }};
        }
        
        .countdown-amount {
            color:{{ $colors->primary }};
        }
        
        .global_count_wrapper.horizontal .count_title h1 span {
            color:{{ $colors->primary }};
        }
        
        .blogpost_title a:hover,
        .listing_meta a:hover {
            color:{{ $colors->primary }};
        }
        
        .blog_post_preview blockquote:before {
            color:{{ $colors->primary }};
        }
        
        .pagerblock li a:hover {
            color:{{ $colors->primary }};
        }
        
        .blogpost_user_meta h3 a,
        .prev_next_links a:hover,
        .comment_author_name a:hover,
        .comment_meta a:hover {
            color:{{ $colors->primary }};
        }
        
        .contact_info a:hover {
            color:{{ $colors->primary }};	
        }
        
        .widget_filter #slider-range .ui-slider-handle:before {
            background:{{ $colors->primary }};
        }
        
        .widget_filter #slider-range .ui-slider-handle:after {
            border-top: 4px solid {{ $colors->primary }};
        }
        
        .sidepanel li.current-menu-item a {
            color:{{ $colors->primary }};
        }
        
        .item_cart:hover,
        .item_link:hover,
        .shop_list_info a:hover,
        .posted_in a:hover,
        .tagged_as a:hover,
        .product-name a:hover,
        .calculate:hover,
        h2.portf_title a:hover {
            color:{{ $colors->primary }};
        }
        
        .filter_navigation ul li ul li a:hover {
            color:{{ $colors->primary }};
            border-color:{{ $colors->primary }};
        }
        
        .filter_navigation ul li ul li a:before {
            background-color:{{ $colors->primary }};
        }
        
        .slide_title span {
            color:{{ $colors->primary }};
        }
        
        .slide_btn a {
            background-color:{{ $colors->primary }};
            border-color:{{ $colors->primary }};
        }
        
        .news_block .img_block:before {
            border:1px {{ $colors->primary }} solid;
        }
        
        .proj_title h5 a:hover,
        .proj_meta a:hover {
            color:{{ $colors->primary }};
        }
        
        .page_has_countdown .count_title h1 {
            color:{{ $colors->primary }};
        }
        
        .color_bg {
            background-color:{{ $colors->primary }};
        }
        
        .slide_btn a.light_parent:hover,
        .light_parent .slide_btn a:hover {
            background-color:#ff6667;
            border-color:#ff6667;
        }
        
        .table_info_details,
        .table_info_details:focus {
            color:{{ $colors->primary }};
        }
        
        .mobile_menu_wrapper a:hover,
        .mobile_menu_wrapper .current-menu-parent a,
        .mobile_menu_wrapper .current-menu-parent .sub-menu a:hover,
        .mobile_menu_wrapper .current-menu-parent .sub-menu li.current-menu-parent a.mob_link {
            color:{{ $colors->primary }};
        }
        
        .mobile_menu_wrapper .current-menu-item a.mob_link {
            color:{{ $colors->primary }} !important;
        }
        
        .mobile_menu_wrapper li.current-menu-parent.menu-item-has-children:before,
        .mobile_menu_wrapper li.menu-item-has-children:hover:before {
            color:{{ $colors->primary }};
        }
        
        .login_popup .forgot_password a:hover {
            color:{{ $colors->primary }};
        }
        
        
        
        </style>
        <style>
        
        
        
            .fonte1{
        
                font-family: 'Open Sans', sans-serif;
        
            }
        
            .fonte2{
        
                font-family: 'Roboto', sans-serif;
        
            }
        
        
        
            .main_header{
        
                position: relative;
        
                top: 0px;
        
                z-index: 999999;
        
                width: 100%;
        
            }
        
            .main_header, header{
        
                background: {{ $colors->secondary_contrast }};
        
            }
        
            .fixed_show header{
        
                background: rgba(0,0,0,0.6) !important;
        
                display: none;
        
            }
        
            .wrapper{ 
        
            }
        
        
        
            .logo_div{
        
                width: 100%;
        
            }
        
            .logo{
        
                display: block;
        
                width: auto;
        
                height: 75px;
        
                text-align: left;
        
                border:none;
        
                margin-top: 20px;
        
                margin-bottom: 20px;
        
            }
        
            .logo img{
        
                height: 100%;
        
            }
        
        
        
            .topo_div1{
        
                text-align: right;
        
                width: 100%;
        
                margin-top: 10px;
        
            }
        
        
        
            .topo_div1_item{
        
                height: 100px;
        
                display: inline-block;
        
                color: {{ $colors->primary }};
        
                text-align: left;
        
                margin-top: 20px;
        
                margin-left: 20px;
        
            }
        
            .topo_div1_icos{
        
                text-align: center;
        
                float:left;
        
                font-size:22px;
        
                width:46px;
        
                height:46px;
        
                border-radius:46px;
        
                background-color: {{ $colors->primary }};
        
                color: {{ $colors->primary_contrast }};
        
                padding-top: 12px;
        
            }
        
            .topo_div1_icos a{
        
        
        
                font-size:22px;
        
                width:46px;
        
                height:46px;
        
                border-radius:46px;
        
                background-color: {{ $colors->primary }};
        
                color: {{ $colors->primary_contrast }};
        
        
            }
        
            .topo_div1_item_txt1{
        
                font-size: 14px;
        
                color:#000;
        
                font-weight: bold;
        
                color: {{ $colors->primary }};
        
                line-height: 15px;
        
                padding-left: 12px;
        
                padding-top: 5px;
        
                margin-right:30px;
        
            }
        
            .topo_div1_item_txt2{
        
                font-size: 13px;
        
                color: {{ $colors->secondary }};
        
                line-height: 15px;
        
                padding-left: 12px;
        
                padding-top: 5px; 
        
                margin-right: 20px;
        
            }
        
            .topo_div1_textos{
        
                float: left;
        
            }
        
        
        
        
        
            .main_header.type2 header nav ul.menu > li:hover > .sub-nav{
        
                top:80px !important;
        
            }
        
            header nav ul.menu > li > a{
        
                color:{{ $colors->top_menu }};
        
                font-size: 17px;
        
                padding-top:10px;
        
                font-weight: bold;
        
            }
        
            header nav ul.menu > li > a:hover{
        
                color:{{ $colors->top_menu_selected }};
        
            }
        
            header nav {
        
                float: none;
        
                text-align:left;
        
            }
        
        
        
        
        
            .topo_redes_sociais{
                text-align: right;
                margin-top: -20px;
            }
            .topo_redes_sociais_item{
                display: inline-block;
                margin:3px;
                width:50px;
                height:50px;
                text-align: center;
            }
            .topo_redes_sociais_item img{
                width: 100%;
            }
        
        
        
            .slider_container{
        
                margin:0px;
        
            }
        
            .sub_banner{
        
                width: 100%;
        
            }
        
            .sub_banner_item{
        
                width: 25%;
        
                height: 270px;
        
                float:left;
        
                margin:0px;
        
                border:0px;
        
                padding:0px;
        
            }
        
            .sub_banner_item_txt1{
        
                margin-top: 15px;
        
                font-size: 20px;
        
                color:#fff;
        
                font-weight: bold;
        
                text-align: center;
        
            }
        
            .sub_banner_item_txt2{
        
                margin-top: 15px;
        
                margin-left: 10px;
        
                margin-right: 15px;
        
                font-size: 15px;
        
                color:#fff;
        
                text-align: center;
        
            }
        
        
        
        
        
            .titulo_padrao{
        
                text-align: center;
        
                font-size: 30px;
        
                color:#000;
        
                font-weight: 500;
        
                padding-bottom:0px;
        
                line-height: 25px;
        
            }
        
        
        
        
        
            .apres_item{
        
                margin-top:60px;
        
            }
        
            .apres_ico{
        
                float: left;
        
            }
        
            .apres_subtitulos{
        
                float: left;
        
                font-size:18px;
        
                font-weight: bold;
        
                color:#333;
        
                text-align: left;
        
                padding-top: 15px;
        
                padding-left: 15px;
        
            }
        
            .apres_subtextos{
        
                text-align: left;
        
                margin-top: 20px;
        
                font-size: 15px;
        
                color:#000;
        
            }
        
        
        
        
        
            .module_cont{
        
                padding-bottom:0px;
        
            }
        
            .div_numeros{
        
                width: 100%;
        
                position: relative;
        
                padding-top:150px;
        
                padding-bottom:100px;
        
                background-image: url({{ asset('img/banner.jpg') }});
        
                background-size: cover;
        
                background-position: center;
        
            } 
        
            .stat_count{
        
                color:#fff;
        
                font-size: 50px;
        
                font-weight: bold;
        
                padding-bottom:30px;
        
            }
        
            .stat_count:before{
        
                position: absolute;
        
                top:60px;
        
                left: 50%;
        
                margin-left: -50px;
        
                overflow: hidden;
        
                width: 100px;
        
                height:5px;
        
                content: '\a0'; 
        
                background-color:#FFF;
        
            }
        
            .counter_title{
        
                color:#fff;
        
                font-size: 30px;
        
                font-weight: bold;
        
                line-height:30px;
        
            }
        
        
        
            .noticias_div{
        
                margin-top:30px;
        
            }
        
            a.noticias_imagem{
        
                display: block;
        
                width: 100%;
        
                height: 200px;
        
                background-repeat: no-repeat;
        
                background-size: cover;
        
                background-position: center;
        
            } 
        
            .noticias_dia{
        
                text-align:left;
        
                font-size: 14px;
        
                color:{{ $colors->primary }};
        
                font-weight: 500;
        
                padding-top: 5px;
        
            }
        
            a.noticias_titulo{
        
                display: block;
        
                padding-top: 10px;
        
                font-size: 17px;
        
                font-weight: bold;
        
                text-align: left;
        
                color: #333;
        
            }
        
            .noticias_previa{
        
                padding-top:5px;
        
                text-align: left;
        
                font-size: 14px;
        
                color:#999;
        
            }
        
        
        
            .card_item_topo{
        
                border-radius:40px;
        
                display: inline-block;
        
                width: 100%;
        
                background-color:#dadddc;
        
                height:40px;
        
            }
        
            .card_sub_titu{
        
                display: inline-block;
        
                padding-top:8px;
        
                padding-left: 5px;
        
                font-weight: bold;
        
            }
        
            .state-active{
        
                background-color:{{ $colors->primary }};
        
                color:{{ $colors->primary_contrast }} !important;
        
            }
        
            .state-active .card_sub_titu{
        
                color:{{ $colors->primary_contrast }} !important;
        
            }
        
            .card_item_topo .ico{
        
                margin: 5px;
        
                display: inline-block;
        
            }
        
            .shortcode_accordion_item_body, .shortcode_toggles_item_body{
        
                padding-left: 0px;
        
                padding-top: 7px;
        
            }
        
        
        
            .galeria_inicial{
        
                width: 100%;
        
                position: relative;
        
        
        
                padding-top:100px;
        
                padding-bottom:100px;
        
                background-image: url({{ asset('img/banner.jpg') }});
        
                background-size: cover;
        
                background-position: center;
        
            }
        
        
        
            .equipe_item{
        
                text-align: center;
        
                width: 100%;
        
                height: auto;
        
                margin-top: 25px;
        
            }
        
            .equipe_item_img{
        
                width: 250px;
        
                height: 250px;
        
                border-radius: 170px;
        
                background-size: cover;
        
                background-position: center;
        
                background-repeat: no-repeat;
        
                display: inline-block;
        
            }
        
            .equipe_item_nome{
        
                font-size: 16px;
        
                font-weight: 500;
        
                color:#000;
        
                text-align: center;
        
                margin-top:15px;
        
            }
        
        
        
        
        
            .footer{
        
                background-color: {{ $colors->footer_background }};
        
            }
        
            .copyright{
        
                color: {{ $colors->footer_texts }};
        
                text-align: center;
        
                width: 100%;
        
                padding-bottom: 20px;
        
            }
        
            .footer h3{
        
                color:{{ $colors->footer_titles }};
        
            }
        
            .rodape_textos{
        
                color:{{ $colors->footer_texts }};
        
            }
        
        
        
            .redessociais_rodape{
                width: 65px;
                display: inline-block;
                margin-right:5px;
                margin-top: 10px;
            }
        
        
        
            .rodape_menu{
        
                list-style: none;
        
                text-align: left;
        
                margin: 0px;
        
                padding: 0px;
        
                margin-bottom:50px;
        
            }
        
            .rodape_menu li{
        
                list-style: none;
        
                width: 40%;
        
                margin-right: 10%;
        
                float: left;
        
                margin-top: 10px;
        
                text-align: left;
        
            }
        
            .rodape_menu li a{
        
                font-size: 15px;
        
                color:{{ $colors->footer_titles }};
        
            }
        
            .rodape_menu li a:hover{
        
                text-decoration: underline;
        
            }
        
        
        
            input[type="text"], input[type="email"], input[type="password"], textarea{
        
                border-radius: 2px;
        
                -webkit-border-radius: 2px;
        
                width: 100%;
        
                height: 35px;
        
            }
        
        
        
            .botao_news{
        
                padding-left: 20px;
        
                padding-right: 20px;
        
                padding-top:7px;
        
                padding-bottom:5px;
        
                text-align: center;
        
                background-color:{{ $colors->primary }}; 
        
                color:{{ $colors->primary_contrast }};
        
                cursor: pointer;
        
                font-size: 12px;
        
                font-weight: 500;
        
                border:0px;
        
                border-radius: 2px;
        
            }
        
            .botao_news:hover{
        
                background-color:{{ $colors->secondary }}; 
        
                color:{{ $colors->secondary_contrast }};
        
            }
        
        
        
        
        
            @media (max-width:1200px){
        
        
        
                .apres_item{
        
                    margin-top:40px;
        
                }
        
                .apres_subtitulos{
        
                    float: left;
        
                    font-size:17px;
        
                    font-weight: bold;
        
                    color:#333;
        
                    text-align: left;
        
                    padding-top: 15px;
        
                    padding-left: 15px;
        
                }
        
                .apres_subtextos{
        
                    margin-top:15px;
        
                    font-size: 14px;
        
                }
        
        
        
            }
        
        
        
            @media (max-width:990px){ 
        
        
        
                .topo_redes_sociais{
        
                    text-align: center;
        
                    width: 100%;
        
                    padding-bottom:20px;
        
                }
        
        
        
                .topo_div1_item{
        
                    height: 100px;
        
                    display: inline-block;
        
                    color: {{ $colors->primary }};
        
                    text-align: left;
        
                    margin-top: 20px;
        
                    margin-left: 20px;
        
                }
        
                .topo_div1_icos{
        
                    text-align: center;
        
                    float:left;
        
                    font-size:20px;
        
                    width:35px;
        
                    height:35px;
        
                    border-radius:35px;
        
                    background-color: {{ $colors->primary }};
        
                    color: {{ $colors->primary_contrast }};
        
                    padding-top: 6px;
        
                }
        
                .topo_div1_item_txt1{
        
                    font-size: 13px;
        
                    color:#000;
        
                    font-weight: bold;
        
                    color: {{ $colors->primary }};
        
                    line-height: 15px;
        
                    padding-left: 12px;
        
                    padding-top: 5px;
        
                    margin-right:10px;
        
                }
        
                .topo_div1_item_txt2{
        
                    font-size: 12px;
        
                    color: {{ $colors->secondary }};
        
                    line-height: 15px;
        
                    padding-left: 12px;
        
                    padding-top: 5px; 
        
                    margin-right:10px;
        
                }
        
        
        
                .sub_banner_item{
        
                    width: 25%;
        
                }
        
                .sub_banner_item_txt1{
        
                    margin-top: 15px;
        
                    font-size:16px; 
        
                }
        
                .sub_banner_item_txt2{
        
                    margin-top: 10px;
        
                    margin-left: 10px;
        
                    margin-right: 10px;
        
                    font-size:13px;
        
                    line-height: 20px;
        
                }
        
        
        
                .titulo_padrao{
        
                    font-size: 26px;
        
                }
        
        
        
                .apres_ico{
        
                    text-align: center;
        
                    width: 100%;
        
                }
        
                .apres_subtitulos{
        
                    text-align: center;
        
                    padding-left: 0px;
        
                    width: 100%;
        
                }
        
                .apres_subtextos{
        
                    text-align: center;
        
                }
        
        
        
                .div_numeros{
        
                    margin-top:50px;
        
                }
        
        
        
            }
        
        
        
            @media (max-width:767px){ 
        
        
        
                .logo{
        
                    height: 60px;
        
                }
        
        
        
                .topo_div1{
        
                    text-align: center;
        
                    width: 100%;
        
                    margin-top: 20px;
        
                }
        
                .topo_div1_item{
        
                    margin:0px;
        
                    max-width:32%;
        
                    text-align: center;
        
                }
        
                .topo_div1_icos{
        
                    text-align: center;
        
                    width: 100%;
        
                }
        
                .topo_div1_item_txt1{
        
                    text-align: center;
        
                    width: 100%;
        
                    padding-left: 0px;
        
                    font-size: 12px;
        
                }
        
                .topo_div1_item_txt2{
        
                    text-align: center;
        
                    width: 100%;
        
                    padding-left: 0px;
        
                    font-size: 11px;
        
                }
        
                .topo_div1_textos{
        
                    width: 100%;
        
                }
        
        
        
                a.tagline_toggler{
        
                    display: none;
        
                }
        
                a.menu_toggler{
        
                    left: 100%;
        
                    margin-left: -50px;
        
                }
        
                .titulo_padrao{
        
                    font-size: 25px;
        
                }
        
        
        
                .sub_banner_item{
        
                    width:50%;
        
                }
        
                .sub_banner_item_txt1{
        
                    margin-top: 15px;
        
                    font-size:16px; 
        
                }
        
                .sub_banner_item_txt2{
        
                    margin-top: 10px;
        
                    margin-left: 10px;
        
                    margin-right: 10px;
        
                    font-size:13px;
        
                    line-height: 20px;
        
                }
        
        
        
                .rodape_menu li{
        
                    width: 90%;
        
                }
        
        
        
            }
        
        
        

        
        
            .blog_nenhumresultado{
        
                font-size: 18px;
        
                color:#666;
        
                text-align: center;
        
                padding-top: 80px;
        
                padding-bottom: 100px;
        
            }
        
            .blog_lista_titulo {
        
                line-height:100% !important;
        
                padding-bottom:10px;
        
                margin-bottom: 0px;
        
            }
        
            .blog_lista_previa{
        
                line-height:1.5 !important;
        
                padding-top:15px;
        
            }
        
            .blog_lista_divisao{
        
                margin-bottom:25px;
        
            }
        
            .blog_lista_divisao hr {
        
                border-top: 1px solid #ddd;
        
            }
        
        
        
            .paginacao{
        
                padding-top:10px;
        
                margin-bottom:30px;
        
                text-align: center;
        
                width: 100%;
        
            }
        
            .paginacao ul{
        
                list-style: none;
        
            }
        
            .paginacao li{
        
                list-style: none;
        
                display: inline-block;
        
                text-align: center;
        
                padding:0px;
        
                margin: 2px;
        
            }
        
            .paginacao a{
        
                border-radius: 2px;
        
                font-size: 15px;
        
                padding: 5px;
        
            }
        
            .paginacao a:active, .paginacao a.active {
        
                background: {{ $colors->primary }};   
        
                border-color: {{ $colors->primary }};
        
                color: {{ $colors->primary_contrast }};
        
            }
        
            .paginacao a:active:hover, .paginacao a.active:hover {
        
                background: {{ $colors->secondary }};   
        
                border-color: {{ $colors->secondary }};
        
                color: {{ $colors->secondary_contrast }};
        
            }
        
        
        
            .blog_imagem_interna_mini {
        
                margin-top:7px;
        
                margin-right:7px;
        
                width: 100px;
        
                height: 70px;
        
                overflow: hidden;
        
                display: inline-block;
        
                text-align: center;
        
            }
        
            .blog_imagem_interna_mini:hover {
        
                opacity: 0.8;
        
            }
        
            .blog_imagem_interna_mini img{
        
                height: 100%;
        
                min-width: 100%;
        
                border:0px;
        
            }
        
        
        
            .blog_categorias li{
        
                padding-top: 10px;
        
                font-size: 16px;
        
            }
        
            .blog_categorias li a{
        
                color:{{ $colors->primary }};
        
            }
        
            .blog_categorias li a:hover{
        
                color:{{ $colors->secondary }};
        
            }
        
            .blog_categorias li a.active{
        
                color:{{ $colors->secondary }};
        
            }
        
            .blog_categorias li a.active:hover{
        
                color:{{ $colors->secondary }};
        
            }
        
        
        
            ul.blog_lista_meta {
        
                list-style: none;
        
                margin-left: 0px;
        
                padding-left: 0px;
        
                margin-bottom: 15px;
        
                margin-top: 0px;
        
                font-family: 'Roboto', sans-serif;
        
            }
        
            ul.blog_lista_meta li {
        
                display: inline-block;
        
                padding-right: 25px;
        
                list-style: none;
        
                margin-left: 0px;
        
                padding-left: 0px;
        
                font-size: 13px;
        
            }
        
        
        
        
        
        
        
            .no_ar_logo{
        
                text-align: left;
        
            }
        
            .no_ar_logo img{
        
                width: 160px;
        
            }
        
            .no_ar_programa{
        
                font-size: 22px;
        
                font-weight: bold;
        
                color:#fff;
        
                margin-top: 20px;
        
            }
        
            .no_ar_apresentador{
        
                font-size:15px;
        
                font-weight: 500;
        
                color:#fff500;
        
                font-style: italic;
        
                margin-top: 0px;
        
                padding-top:0px;
        
            }
        
            .no_ar_descricao{
        
                font-size: 16px; 
        
                color:#fff;
        
                margin-top:15px;
        
            }
        
        
        
        
        
        
        
            .programacao_dias_semana{
        
                width: 100%;
        
                border:1px solid #999; 
        
                margin-top:60px;
        
                background-color: #ddd;
        
                color:#000;
        
                text-align: center;
        
            }
        
            .dias_semana_item{
        
                text-align: center;
        
                padding-top: 10px;
        
                padding-bottom: 10px;
        
                display: inline-block;
        
                width: 130px;
        
                color:#000;
        
                font-size: 15px;
        
                font-weight: bold;
        
                text-transform: uppercase;
        
                cursor:pointer;
        
            }
        
            .dias_semana_item:hover{
        
                background-color: #fff;
        
                color:#000;
        
            }
        
            .dias_semana_item_ativo{
        
                background-color: {{ $colors->primary }};
        
                color:{{ $colors->primary_contrast }};
        
            }
        
        
        
            .lista_dia{
        
                margin-top: 30px;
        
                width: 100%;
        
                height: auto;
        
                margin-bottom:100px;
        
            }
        
        
        
            .prog_linha{
        
                margin-top: 2px;
        
                background-color: #fff;
        
            }
        
        
        
            .prog_td_titulo{
        
                padding: 10px;
        
                text-align: center;
        
                font-size: 13px;
        
                font-weight: bold;
        
                color:#000;
        
                background-color: #fff;
        
            }
        
            .prog_td_linha{
        
                padding: 5px;
        
                text-align: left;
        
                font-size: 14px;
        
                font-weight:500;
        
                color:#666;
        
                border:1px solid #000;
        
            }
        
            .footer_bottom{
        
                padding-bottom:80px !important;
        
            }
        
        
        
            .info_radio_texto{
        
                font-size: 14px;
        
                color:{{ $colors->top_menu }};
        
                text-align: center;
        
                display: inline-block;
        
                font-weight: bold; 
        
                padding-top:15px;
        
                margin-right: 15px;
        
                float: left;
        
            }
        
            .play_radio{
        
                display: inline-block;
        
                padding-top:10px; 
        
                float: left;
        
            }
        
            .play_radio img{
        
                width:45px;
        
            }
        
            
        
            .info_radio{
        
                font-size: 14px;
        
                color:{{ $colors->top_menu }};
        
                text-align: center;
        
                display: inline-block; 
        
                padding-top: 10px;
        
                margin-right:15px;
        
                float: left;
        
            }
        
            .info_radio_programa{
        
                font-size: 14px;
        
                color:{{ $colors->top_menu }};
        
                text-align: left;
        
                display: block;
        
                line-height:14px;
        
                font-weight: bold;		 
        
            }
        
            .info_radio_apresentador{
        
                font-size: 12px;
        
                line-height:14px;
        
                color:{{ $colors->top_menu }};
        
                text-align: left;
        
                display: block;
        
                margin-top: 3px;
        
            }  
        
          
        
            .volume_div{
        
                display: none;
        
            }
        
            .player_radio{
        
                float: left;
        
            }
        
            .volume_radio{
        
                float: left
        
            }
        
            .auto_falante{
        
                float: left;
        
            }
        
            .mute_radio{
        
                float: left;
        
            }
        
        
        
        
    
        .btn-radio {
                position: fixed;
                bottom: 100px;
                left: 1em;
                z-index: 999999999;
                display: block
        }
        .btn-radio {
                position: fixed;
                bottom: 100px;
                right: 1em;
                z-index: 999999999;
                display: block
        }
        
        .btn-whats {
            position: fixed;
            bottom: 100px;
            right: 1em;
        /*! left: 1em;  */
            z-index: 999999999;
            display: block
        }
        button.pulse-button i {
            color: {{ $colors->top_menu }};
            font-size: 25px;
        }
        button.pulse-button:focus {
            outline: none;
        }
        .pulse-button {
            position: relative;
            width: 51px;
            height: 51px;
            border: none;
            box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.29);
            border-radius: 50%;
            background: {{ $colors->primary }};
            background-image: -webkit-linear-gradient(top, {{ $colors->primary }}, {{ $colors->primary }});
            background-image: -moz-linear-gradient(top, {{ $colors->primary }}, {{ $colors->primary }});
            background-image: -ms-linear-gradient(top, {{ $colors->primary }}, {{ $colors->primary }});
            background-image: -o-linear-gradient(top, {{ $colors->primary }}, {{ $colors->primary }});
            background-image: linear-gradient(to bottom, {{ $colors->primary }}, {{ $colors->primary }});
            background-size: cover;
            background-repeat: no-repeat;
            cursor: pointer;
            -webkit-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
            -moz-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
            -ms-animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
            animation: pulse 1.25s infinite cubic-bezier(0.16, 0, 0, 1);
        }
        .pulse-button:hover {
            -webkit-animation: none;
            -moz-animation: none;
            -ms-animation: none;
            animation: none;
        }
        @-webkit-keyframes pulse {
            to {
                box-shadow: 0 0 0 45px rgba(255, 102, 0, 0);
            }
        }
        @-moz-keyframes pulse {
            to {
                box-shadow: 0 0 0 45px rgba(255, 102, 0, 0);
            }
        }
        @-ms-keyframes pulse {
            to {
                box-shadow: 0 0 0 45px rgba(255, 102, 0, 0);
            }
        }
        @keyframes pulse {
            to {
                box-shadow: 0 0 0 45px rgba(255, 102, 0, 0);
            }
        }
        .chat-borda{
            background: #fff;
            border-top: 4px solid #fff;
            border-left: 4px solid #fff;
            border-right: 4px solid #fff;
            border-bottom: 4px solid #fff;
        }
        
        .tv-borda{
            border-top: 4px solid #fff;
            border-left: 4px solid #fff;
            border-right: 4px solid #fff;
            border-bottom: 4px solid #fff;
        }
        @media(max-width:570px) {
            .m-t-30{
                padding-top: 30px;
            }
        }
        .style2 {color: #009966}
        .style3 {
            color: {{ $colors->top_menu_selected }};
            font-weight: bold;
        }
        
        .playground .controls {
            margin: 0 0 30px;
            padding: 30px;
            background-color: #fff;
            border-radius: 8px
        }
        
        .playground .result {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-line-pack: start;
            align-content: flex-start
        }
        
        .playground .result .post {
            position: relative;
            display: block;
            margin: 0 0 2%;
            widths: 32%;
            /*border-radius: 4px; */
            overflow: hidden
        }
        
        .playground .result .post img {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            border-radius: 4px;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%)
        }
        
        .playground .result .post .meta {
            position: absolute;
            left: 0;
            bottom: 0;
            display: block;
            padding: 15px;
            width: 100%;
            height: 60px;
            color: #fff;
            font-size: 13px;
            text-decoration: none;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.65) 100%);
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
            overflow: hidden
        }
        
        .playground .result .post .meta p {
            margin: 0 0 20px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all .5s ease;
            transition: all .5s ease
        }
        
        .playground .result .post .meta .stats {
            position: absolute;
            left: 15px;
            right: 15px;
            bottom: 10px;
            text-align: center
        }
        
        .playground .result .post .meta .stats i {
            margin: 0 10px 0 0
        }
        
        .playground .result .post .meta .stats .likes {
            margin: 0 30px 0 0
        }
        
        .playground .result .post::after {
            display: block;
            padding-top: 100%;
            content: ''
        }
        
        .playground .result .post:hover .meta {
            height: 100%;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), color-stop(60%, rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.65) 100%)
        }
        
        .playground .result .post:hover .meta p {
            opacity: 1;
            visibility: visible
        }

        .adtop{
            background-color:{{ $colors->secondary }};
        }

        .blog {
            background-color:{{ $colors->secondary }};
        }

        .equipe {
            background-color:{{ $colors->secondary }};
        }

        .sobre {
            background-color:{{ $colors->tertiary }};
        }

        .enquete {
            background-color:{{ $colors->tertiary_contrast }};
        }
        .programacao {
            background-color:{{ $colors->secondary_contrast }};
        }

        .anuncio {
            background-color: {{ $colors->secondary_contrast }};
        }
        </style>
    <body style="opacity: 1;">


        <div id="fb-root" class=" fb_reset">
            <div style="position: absolute; top: -10000px; width: 0px; height: 0px;">
               <div></div>
            </div>
          </div>
          <div id="janela_modal" class="modal fade" role="dialog">
            <div class="modal-dialog modal-xs">
               <div class="modal-content">
                  <div class="modal-body">
                     <div id="modal_conteudo" style="padding:15px;">
                     </div>
                  </div>
               </div>
            </div>
          </div>
          <div class="main_header">
            <div class="header_parent_wrap">
               <header>
                  <div class="container">
                     <div class="row">
                        <div class="col-sm-4">
                           <div class="logo_div">
                              <a href="{{ route('home.index') }}" class="logo">
                              <img alt="" src="{{ asset($layout->header->image) }}">
                              </a>
                           </div>
                        </div>
                        <div class="col-sm-8">
                           <div class="topo_div1">
                            @if ($stream->enable_player_popup)
                              <div class="topo_div1_item">
                                 <div class="topo_div1_icos">
                                    <a href="javascript:newPopup();"><i class="fa fa-play" aria-hidden="true"></i></a>
                                 </div>
                                 <div class="topo_div1_textos">
                                    <div class="topo_div1_item_txt1" id="topo_div1_item_txt1">NO AR AGORA</div>
                                    <div class="topo_div1_item_txt2">
                                        <marquee>
                                       <div class="info_radio_programa" id="info_radio_programa">
                                         AutoDJ 
                                       </div>
                                    </marquee>
                                    </div>
                                 </div>
                                 <div style="clear: both;"></div>
                              </div>
                              @endif
                              @if (!empty($settings->email))
                               <div class="topo_div1_item">
                                     <div class="topo_div1_icos">
                                        <a href="mailto:{{ $settings->email }}"><i class="far fa-envelope"></i></a>
                                     </div>
                                     <div class="topo_div1_textos">
                                        <div class="topo_div1_item_txt1">E-mail</div>
                                        <div class="topo_div1_item_txt2">
                                            <div class="info_radio_programa">
                                            {{ $settings->email }}
                                            </div>
                                        </div>
                                     </div>
                                     <div style="clear: both;"></div>
                                  </div>
                              @endif
                              @if (!empty($settings->whatsapp))
                              <div class="topo_div1_item">
                                 <div class="topo_div1_icos">
                                    <a href="https://wa.me/{{ $settings->whatsapp }}?text=Olá! Estou ouvindo Rádio Online, quero fazer um pedido 🙂" target="_blank"><i class="fas fa-mobile-alt"></i></a>
                                 </div>
                                 <div class="topo_div1_textos">
                                    <div class="topo_div1_item_txt1">Whtasapp</div>
                                    <div class="topo_div1_item_txt2">{{ $settings->whatsapp }}</div>
                                 </div>
                                 <div style="clear: both;"></div>
                              </div>
                              @endif
                           </div>
                        </div>
                     </div>
                     <div style="position: relative; width: 100%; border-top:3px solid #ccc; padding-top: 15px; margin-top: -10px;"></div>
                     <div class="row">
                        <div class="col-sm-9">
                           <nav>
                              <ul class="menu">
                                
                               @foreach ($headers as $header)
                                  <li>
                                     <a href="{{ $header->value }}" class="scrollSuave">
                                        {{ $header->name }}
                                     </a>
                                  </li>
                               @endforeach
          
                              </ul>
                           </nav>
                        </div>
                        <div class="col-sm-3">
                           <div class="topo_redes_sociais">
                                <a href="{{ $settings->facebook }}" target="_blank" class="topo_redes_sociais_item"><img src="{{ asset($layout->facebook->image) }}"></a>
                                <a href="{{ $settings->instagram }}" target="_blank" class="topo_redes_sociais_item"><img src="{{ asset($layout->instagram->image) }}"></a>
                                <a href="https://wa.me/{{ $settings->whatsapp }}?text=Olá! Estou ouvindo Rádio Online, quero fazer um pedido 🙂" target="_blank" class="topo_redes_sociais_item"><img src="{{ asset($layout->whatsapp->image) }}"></a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <a href="javascript:void(0)" class="menu_toggler"></a><a href="javascript:void(0)" class="tagline_toggler"></a>
                  <div class="mobile_menu_wrapper" style="display: none;">
                     <ul class="mobile_menu container">
          
                         @foreach ($headers as $header)
                         
                         <li>
                            <a class="scrollSuave mob_link" href="{{ $header->value }}">
                               {{ $header->name }}
                            </a>
                         </li>
                         @endforeach
          
                     </ul>
                  </div>
               </header>
            </div>
          </div>
