html, body { height: 100%; width: 100%; margin:0px; padding:0px; top: 0; left: 0; right: 0; bottom: 0; background-color: #DFE1E2; }
        @font-face { font-family: OpenSansLight; src: url(fontes/OpenSans-Light.woff2); font-display: swap; }
        @font-face { font-family: OpenSansRegular; src: url(fontes/OpenSans-Regular.woff2); font-display: swap; }
        @font-face { font-family: OswaldLight; src: url(fontes/Oswald-Light.woff2); font-display: swap; }
        @font-face { font-family: OswaldRegular; src: url(fontes/Oswald-Regular.woff2); font-display: swap; }

        .cab1 {
            position:relative; display: flex; justify-content: space-between; align-items: center; background-color:#000000; height:90px; padding:0px 20px; margin-top:0px; box-sizing: border-box; width:100%;
        }
        .cab1 .coluna { width: 48%; text-align: left; }
        .cab1 .coluna-direita { text-align: right; align-items: center; }
        .cab1 [class^="op"] {
            background-repeat:no-repeat; cursor:pointer; background-position:left 5px center; font-family:OswaldRegular; font-size:18px;
            color: #B2B2B2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
            float:right; margin-right:20px; text-decoration:none;
        }
        .cab1 [class^="op"]:hover { color: #ffffff; }
        .op1 { background-image:url('../imagens/icon_seo.png'); background-size:20px 20px; padding:4px 5px 4px 30px; }
        .op2 { background-image:url('../imagens/icon_optimeios.png'); padding:4px 5px 4px 35px; }
        .op3 { background-image:url('../imagens/icon_blog.png'); background-size:20px 20px; padding:4px 5px 4px 32px; }
        .op4 { background-image:url('../imagens/icon_backlinks.png'); background-size:23px 24px; padding:4px 5px 4px 35px; }

        .cab2 { background-color: #34537D; padding:30px 0px 50px; background-repeat:no-repeat; background-position:center top; background-image:url(../imagens/fundo_principal.jpg); font-family:OpenSansRegular; }
        .cab2 .t1 {  font-size: 45px; line-height:42pt; color:#ffffff; font-weight:bold; margin:30px 0px 30px; }
        .cab2 .t2 {  font-size: 34px; line-height:36pt; color:#ffffff; margin:0px; }
        .cab2 .t3 {  font-size: 26px; line-height:26pt; color:#C6CCD7; margin:10px 0px 70px; }

        #pesquisa input { font-family:Arial; font-size: 18px; width:550px; background-color:#ffffff; padding:16px 20px; border:1px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
        #botp { background-color: #EB6C28; color:#ffffff; width:120px; text-align:center; font-family:Arial; font-size: 13px; letter-spacing:0.03em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight:bold; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; user-select:none; cursor:pointer; }
        #botp:hover { background-color: #ED7D21; }
        input:focus { outline: none; }

        .loader {
                width: 64px;
                height: 64px;
                position: relative;
                background-image:
                    linear-gradient(#FFF 16px, transparent 0) ,
                    linear-gradient(#FF3D00 16px, transparent 0) ,
                    linear-gradient(#FF3D00 16px, transparent 0) ,
                    linear-gradient(#FFF 16px, transparent 0);
                background-repeat: no-repeat;
                background-size: 16px 16px;
                background-position: left top , left bottom , right top , right bottom;
                animation: rotate 1s linear infinite;
            }

            .aguarda, .aguarda2 {
                display:none; padding:50px 20px 20px; font-family:Arial; font-size:12px; width:250px; height:140px; letter-spacing:0.02em; background-color: rgba(0, 0, 0, 0.8); color:#ffffff;
                position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:1000; text-align:center; line-height:22px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

            .aguarda2 { height:120px; background-color: rgba(0, 0, 0, 0.5); }

            @keyframes rotate {
                0% { width: 64px; height: 64px; transform: rotate(0deg) }
                50% { width: 30px; height: 30px; transform: rotate(180deg) }
                100% { width: 64px; height: 64px; transform: rotate(360deg) }
            }

            .rodape { background-color:#000000; padding: 30px 0px; text-align:center; display: flex; justify-content: center; align-items: center; }
            .rodape a { text-decoration:none; font-family:OswaldLight; font-size:16px; color: #C4C4C4; border-right: 1px solid #616161; padding:0px 20px; letter-spacing:0.05em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
            .rodape a:hover { color:#ffffff; }
            .rodape a:last-child { border-right: none; }

            @media (max-width: 600px) {
                .cab2 .t1 {  font-size: 30px; line-height:30pt; }
                .cab2 .t2 {  font-size: 24px; line-height:24pt; }
                .cab2 .t3 {  font-size: 16px; line-height:16pt; }
                .cab1 { flex-direction: column; height:170px; padding:20px 0px 20px; }
                .cab1 .coluna, .cab1 .coluna-direita { width: 100%; text-align: center; justify-content: space-between; }
                .cab1 [class^="op"] { clear:both; float:none; display:inline-block; }
                #pesquisa input { width:200px; }
                .rodape { flex-direction: column; }
                .rodape a { border-right: 0px; padding:5px 0px 0px; }
                .cab2 { padding:30px 15px 50px; }
            }