html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
hr{box-sizing:content-box;-moz-box-sizing:content-box;height:0;}
pre{overflow:auto;white-space:pre-wrap;}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}
button,input,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{outline:0;text-transform:none;}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto;}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
input[type]{outline:none;vertical-align:top;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;resize:none;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}

a img{border:0;text-decoration:none;}
a{cursor:pointer;text-decoration:none;}
fieldset{border:0;margin:0;padding:0;}
html{font-size:16px;height:100%;line-height:1.5;}
body{background:#ffffff;color:#070707;font-family:"pt sans", arial, helvetica, sans-serif;letter-spacing:.02rem;}
a{color:red;}
.clear{clear:both;height:0;visibility:hidden;}
p{margin:1rem 0;}

blockquote{margin:1rem;}
cite{display:block;margin:1rem 0 0}
cite:before{color:#46CBB1;content:"\2014";margin:0 .5rem 0 0}

form{font:300 1rem/1.2 "pt sans";}
form div.line,
form label.line{margin:0 0 .5rem;}

form input[type]{box-sizing:border-box;}
form input[type=text],
form input[type=search],
form input[type=password]{background:#ffffff;border:1px solid #cdcdcd;border-radius:0;color:#171717;font-size:1rem;letter-spacing:1px;line-height:1.4;padding:.375rem .75rem;width:100%;vertical-align:top;}

form input[disabled],
form input[readonly]{background:#efefef;}

form input[type=radio],
form input[type=checkbox]{vertical-align:baseline;}

form input[type=file]{height:32px;visibility:hidden;position:relative;}
form input[type=file]:after{background:#171717;color:#ffffff;content:"file";font-size:1rem;left:0;letter-spacing:.0625rem;line-height:1rem;padding:.5rem 1.25rem;position:absolute;visibility:visible;}

form input[type=reset],
form input[type=submit]{background:#171717;border:0;color:#ffffff;display:inline-block;font-size:1rem;letter-spacing:.0625rem;line-height:1rem;padding:.75rem 1.75rem;vertical-align:top;}

form [placeholder][disabled]::-webkit-input-placeholder{color:#898989;}
form [placeholder]::-webkit-input-placeholder{color:#898989;}
form [placeholder][disabled]::-moz-placeholder{color:#898989;opacity:1;}
form [placeholder]::-moz-placeholder{color:#898989;opacity:1;}
form [placeholder][disabled]:-ms-input-placeholder{color:#898989;}
form [placeholder]:-ms-input-placeholder{color:#898989;}

form textarea{border:1px solid #cdcdcd;border-radius:0;box-sizing:border-box;color:#171717;letter-spacing:.075rem;line-height:1.4;outline:0;padding:.5rem .75rem;width:100%;}

form select{background:#ffffff;border:1px solid #cdcdcd;border-radius:0;color:#171717;font-size:1rem;letter-spacing:1px;line-height:1;padding:.375rem .5rem;width:100%;vertical-align:top;}
form select[disabled]{background:#efefef;color:#898989;}

form label{display:inline-block;font-family:"roboto";line-height:1.6;vertical-align:top;}

.common-form{background:#f7f7f7;padding:1.5rem;width:100%;}

.form-row{margin:1% 0;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}

/* wrap */
.wrap{margin:0 auto;max-width:1200px;min-height:100vh;position:relative; z-index: 1;}
    
    /* footer */
    .footer{font:300 .75rem/1 "ubuntu";margin:5% 0 0;padding:0 0 3rem;text-align:center;}
    .footer span{letter-spacing:.2rem;}
    .page-index .footer{bottom:0;position:absolute;width:100%;}

/** home **/
.home{}
    
    /* logo */
    .logo{color:#171717;font:300 3rem/1 "julius sans one";letter-spacing:.25rem;padding:15% 0 0;text-align:center;}
        .logo span{font-weight:700;}

    /* search alfa */
    .search-alfa{margin:5% 5% 10%;text-align:center;}
        .action-bar{margin:2% 0;}

        .search-alfa input[type="search"]{box-shadow:0 0 16px #d3d3d3;transition:box-shadow .3s}
        .search-alfa input[type="search"]:focus{box-shadow:0 0 32px #d3d3d3;transition:box-shadow .3s;}
        
        .search-alfa input[type="submit"]{background:#71B6E7;box-shadow:0 0 0px #FFAA99;font-size:.85rem;transition:box-shadow .3s;}
        .search-alfa input[type="submit"]:hover{box-shadow:2px 2px 0 #EAC35F;transition:box-shadow .3s;}
        .search-alfa input[type="submit"]:focus{box-shadow:2px 2px 0 #EAC35F;transition:box-shadow .3s;}
        .search-alfa input[type="submit"]:active{box-shadow:0 0 0 #ffffff;transition:box-shadow .3s;}


/** results **/
.results{margin:0 5%;position:relative;}
    
    /* search bravo */
    .search-bravo{padding:3%;}

        /* logo small */
        .logo-small{color: #171717;
    font: 300 1.4rem/1.4 "julius sans one";
    float: left;
    letter-spacing: 0.125rem;
    text-align: center;
    width: 226px;}
                .logo-small span{font-weight:700;}

        /* search */
        .search{margin:0 0 0 200px;width:calc(100% - 200px);}
            .search-bravo input[type="search"]{border:1px solid #e7e7e7;font-size:.875rem;line-height:1.45;margin:0 3px 0 0;padding:.375rem .75rem;width:calc(100% - 83px);}
            .search-bravo input[type="submit"]{background:#ffffff;border:1px solid #171717;box-shadow:2px 2px 0 #e7e7e7;color:#171717;font-size:.875rem;line-height:1.45;padding:.375rem .75rem;transition:all .3s;}
            .search-bravo input[type="submit"]:hover{border:1px solid #ffffff;box-shadow:0 0 0 #ffffff;transition:all .3s;}
            .search-bravo input[type="submit"]:focus,
            .search-bravo input[type="submit"]:active{border:1px solid #a7a7a7;transition:all .3s;}

    /* resutls list */
    .results-list{}

        /* results alfa */
        .results-alfa{background:#FFFCE9;padding:3%;}
            .premium-title{font-size:.875rem;letter-spacing:.2rem;line-height:1.6;margin:0 0 2rem 0;text-transform:uppercase;}
                .premium-title span{font-weight:700;}

        /* results bravo */
        .results-bravo{padding:3%;}


            .results-list .item{margin:2rem 0 0;max-width:500px;}
                .results-list .item-title{display:inline-block;}
                    .results-list .item-title a{color:#288FCF;display:block;font-size:1.125rem;line-height:1.125;}
                    .results-list .item-title a:hover{text-decoration:underline;}
                    .results-list .item-title a:visited{color:#6C28CF;}

                .results-list .item-url{font-size:.75rem;color:#247E5C;}
                .results-list .item-desc{font-size:.875rem;line-height:1.6;color:#333333;}

            .results-list .results-bravo .item:first-child{margin:0;}

            
            

            
.pagination {
    margin: 20px 0;
}
.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    padding: 0;
    margin: 0 0 10px 25px;
    list-style-type: disc;
}
.pagination ul>li {
    display: inline;
}
li {
    line-height: 20px;
}
.pagination ul>li:first-child>a {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}
.pagination ul>.active>a {
    color: #999;
    cursor: default;
}
.pagination ul>li>a:hover, .pagination ul>.active>a {
    background-color: #f5f5f5;
}
.pagination ul>li>a {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
    color:#333333;
}

.boxKeyWord {
    border: 1px solid #eaeaea;
    margin: 6px 6px 6px 0px;
    padding: 5px;
    width: 30%; 
    cursor:pointer;
}   
.boxKeyWord:hover {
    background-color: #eaeaea;
}
.boxKeyWord.clicked {
    background-color: #FF8787;
}
.boxKeyWord.clicked.right {
    background-color: #C1E3AC;
}
#continueBtn:disabled {
   background-color: #D9DADB;
}
#continueBtn:disabled:hover {
   box-shadow: none;
   transition: none;
}

.fbg {
    box-shadow:none !important; 
    background: #FFFFFF !important;
    color: #FFFFFF !important;
    cursor:default !important;
}
.fop {
    opacity:0 !important;
    filter:alpha(opacity=0) !important;
    cursor:default !important;
}
.fpos {
    position: absolute !important;
    top: 12px;
    cursor:default !important;
}
.hflay {
    background-color: #ffffff; 
    z-index: 5; 
    height: 20px;
}
.flay {
    padding: 0px !important;
    margin: 0px !important;
    z-index: -1 !important;
    position: absolute !important;
    cursor:default !important;
}