/*-------------------------------------------------------------------------*/
/*  Reset style
/*-------------------------------------------------------------------------*/

    * { outline: 0; }
    body { line-height: 1; }
    blockquote, q { quotes: none; } 
    input[type=submit] { -webkit-appearance: none; }
    table { border-collapse: collapse; border-spacing: 0; }
    caption, th, td { text-align: left; font-weight: normal; }
    blockquote:before, blockquote:after, q:before, q:after { content: ""; }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
    *, *:before, *:after {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, 
    dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }




/*-------------------------------------------------------------------------*/
/*  Basic style
/*-------------------------------------------------------------------------*/

    body {
        -webkit-text-size-adjust: 100%;
        -webkit-font-smoothing: antialiased;
        -webkit-text-rendering: optimizelegibility;
    }

    ::selection{ color: #11a24a; background-color:#ffffff; }
    ::-moz-selection{ color: #ffffff; }



/*-------------------------------------------------------------------------*/
/*  Typography style
/*-------------------------------------------------------------------------*/

    h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.2; }

    h1, h2, h3 { margin-bottom: 20px; }
    h4, h5, h6 { margin-bottom: 15px; }

    p { line-height: 22px;  margin-bottom: 20px; }
    * p:last-child, p.form-submit {  margin-bottom: 0; }
    p:empty { display: none; line-height: 0; height: 0; margin: 0; }

    b, strong { font-weight: 700; }
    small { font-size: 80%; }
    cite { font-style: normal; }
    em { font-style: italic; }



    /*------------------------------------------
        links       
    ------------------------------------------*/
    a { 
        text-decoration: none; 
        webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
           -ms-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
               transition: all 0.2s ease;
    }

    p a, p a:visited { line-height: inherit; }
    a img { border: none; vertical-align: middle;}
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }



    /*------------------------------------------
        blockquote       
    ------------------------------------------*/
    blockquote {
        padding: 20px;
        margin: 30px 0;
        border-left: 5px solid #f4f4f4;
    }

    blockquote p { line-height: 24px; }



    /*------------------------------------------
        address / code / pre
    ------------------------------------------*/
    address {
        display: block;
        margin-bottom: 20px;
        font-style: italic;
        line-height: 20px;
    }


    code,
    pre {
        padding: 0 3px 2px;
        font-size: 12px;
        color: #444;
        font-family: Monaco, Menlo, Consolas, "Courier New", monospace;

        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }

    code {
        padding: 2px 4px;
        color: #d14;
        background-color: #f7f7f9;
        border: 1px solid #e1e1e8;
        white-space: nowrap;
    }

    pre {
        display: block;
        padding: 9.5px;
        margin: 0 0 10px;
        line-height: 20px;
        word-break: break-all;
        word-wrap: break-word;
        white-space: pre;
        white-space: pre-wrap;

        font-size: 13px;
        background-color: #f5f5f5;
        border: 1px solid #ccc;

        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
            -ms-border-radius: 4px;
                border-radius: 4px;
    }

    pre code {
        padding: 0;
        color: inherit;
        white-space: pre;
        white-space: pre-wrap;
        background-color: transparent;
        border: 0;
    }

    abbr[title] {
        border-bottom: 1px dotted;
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sup {
        top: -0.5em;
    }

    sub {
        bottom: -0.25em;
    }



    /*------------------------------------------
        list
    ------------------------------------------*/
    ul, ol, dl { 
        line-height: 22px;  
        margin-bottom: 25px; 
        list-style-position: inside; 
    }

    ul ul, 
    ul ol, 
    ol ol,
    ol ul { 
        margin-left: 20px;
        margin-bottom: 0; 
    }

    dt { font-weight: bold; }
    dd { margin-left: 10px; }

    ul { 
        list-style-type: square; 
    }


    /*------------------------------------------
        Table
    ------------------------------------------*/
    table { 
        width: 100%;
        margin-bottom: 20px;
    }
    table td,
    table th{
        padding: 10px;
        margin: -1px 0 0 -1px;
        border: 1px solid #f4f4f4;
    }



/*-------------------------------------------------------------------------*/
/*  Form style
/*-------------------------------------------------------------------------*/

    input[type="text"], 
    input[type="email"], 
    input[type="password"],
    input[type="email"],
    textarea { 
        color: inherit;
        padding: 12px;
        border: none;
        font-size: 12px;
        font-family: inherit; 
        font-weight: 400; 
        font-style: normal;
        overflow: auto;
        vertical-align: middle;
        margin-bottom: 15px;
        border: 1px solid #f4f4f4;

        -webkit-transition: all 0.5s ease 0s;
           -moz-transition: all 0.5s ease 0s;
             -o-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s;

    }

    textarea { width: 100%; }

    input[type="text"]:focus, 
    input[type="email"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus { 
        background-color: #fff;
        border-color: #d7d7d7;
    }

    label,
    select,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    input[type="radio"],
    input[type="checkbox"] {
      cursor: pointer;
      font-family: inherit; 
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        font-size: 10px;
        color: #888;
        text-transform: uppercase;
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
        font-size: 10px;
        color: #888;
        text-transform: uppercase;
    }

    input:-moz-placeholder,
    textarea:-moz-placeholder {
        font-size: 10px;
        color: #888;
        text-transform: uppercase;
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder { 
        font-size: 10px;
        color: #888;
        text-transform: uppercase;
    }



/*-------------------------------------------------------------------------*/
/*  Other style    
/*-------------------------------------------------------------------------*/
    
    .bypostauthor {}


    /*------------------------------------------
        clearfix        
    ------------------------------------------*/
    .clearfix:before, 
    .clearfix:after { 
        display: table; 
        content: ""; 
        line-height: 0; 
    }

    .clearfix:after { clear: both; }
    .clearfix { *zoom: 1; }
    .clear { clear:both; }



    /*------------------------------------------
        align style     
    ------------------------------------------*/
    .aligncenter {
        display: block;
        margin:15px auto;
        clear: both;
    }

    .alignleft { float: left; }
    .alignright {float: right; }

    .text-left{ text-align: left; }
    .text-right { text-align: right; }
    .text-center { text-align: center; }



    /*------------------------------------------
        margin buttom
    ------------------------------------------*/
    .mb0 { margin-bottom: 0px !important; }
    .mb5 { margin-bottom: 5px !important; }
    .mb10{ margin-bottom: 10px !important; }
    .mb15{ margin-bottom: 15px !important; }
    .mb20{ margin-bottom: 20px !important; }
    .mb25{ margin-bottom: 25px !important; }
    .mb30{ margin-bottom: 30px !important; }
    .mb35{ margin-bottom: 35px !important; }
    .mb40{ margin-bottom: 40px !important; }
    .mb45{ margin-bottom: 45px !important; }
    .mb50{ margin-bottom: 50px !important; }
    .mb55{ margin-bottom: 55px !important; }
    .mb60{ margin-bottom: 60px !important; }
    .mb65{ margin-bottom: 65px !important; }
    .mb70{ margin-bottom: 70px !important; }
    .mb75{ margin-bottom: 70px !important; }
    .mb80{ margin-bottom: 70px !important; }

    .pn60 { padding-bottom: 60px; }



    /*------------------------------------------ 
        images
    ------------------------------------------*/
    img { 
        width: auto/9;
        max-width: 100%; 
        height: auto; 
        vertical-align: middle;

        -ms-interpolation-mode: bicubic;
    }

    img.alignleft, .wp-caption.alignleft { margin-right: 25px; }
    img.alignright, .wp-caption.alignright { margin-left: 25px; }
    img.aligncenter, .wp-caption.aligncenter{ margin-bottom: 25px; }



    #zt-load {
        width: 100%;
        height: 100%;
        z-index: 101;
        position: fixed;
        overflow: hidden;
        background-color: #fff;
    }



/*************************************************************************************/ 
/*                                                                                   */
/*                                 TEMPLATE STYLE                                    */
/*                                                                                   */
/*************************************************************************************/



/*-------------------------------------------------------------------------*/
/*  Section style    
/*-------------------------------------------------------------------------*/

    .container {
        padding: 100px 0;
        position: relative;
        z-index: 2;
    }

    #wrapper > .container { padding: 60px 0; }

    .bg-section,
    .video-bg-section { position: relative; }

    .bg-section,
    .video-bg-section [class*="span"] { margin-bottom: 0; }

    .bg-overlay {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(images/pattern.png);
        position: absolute;
        z-index: 1;
    }

    .page-template-default .bg-overlay {
        position: fixed;
        left: 0;
        top: 0;
    }

    .video-bg-container {
        min-height: 100%;
        min-width: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
    }

    .buttonBar { display: none; }

    @media only screen and (max-width: 1024px) { 
        .bg-section { 
            background-attachment: scroll !important; 
            background-position: top center !important; 
        }
    }