/*===================================================================================*/
/*  RESET                                                                            */
/*===================================================================================*/

    * { outline: 0; }
    body { line-height: 1; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    input[type=submit] { -webkit-appearance: none; }
    table { border-collapse: separate; 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                                                                            */
/*===================================================================================*/
    body {
        color: #888888;
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;

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


    ::selection{ color: #ffffff; background-color: #004e98; }
    ::-moz-selection{ color: #ffffff; background-color: #004e98; }



/*===================================================================================*/
/*  TYPOGRAPHY                                                                       */
/*===================================================================================*/

    h1, h2, h3, h4, h5, h6 {
        color: #444;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
    }

    h1 { line-height: 30px; }
    h2 { line-height: 25px; }
    h3 { line-height: 20px; }
    h4, h5, h6 { line-height: 18px; }

    h1 { font-size: 24px; margin-bottom: 30px; }
    h2 { font-size: 20px; margin-bottom: 30px; }
    h3 { font-size: 18px; margin-bottom: 20px; }
    h4 { font-size: 17px; margin-bottom: 15px; }
    h5 { font-size: 14px; margin-bottom: 15px; }
    h6 { font-size: 12px; margin-bottom: 15px; }

    h1 { color: #444; }

    p {
        line-height: 22px;
        margin-bottom: 20px;
    }

    * p:last-child {  margin-bottom: 0; }
    p:empty { display: none; }


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



    /*------------------------------------------
        links
    ------------------------------------------*/
    a {
        color: #004e98;
        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;
    }

    a:hover { color: #444; }
    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;
        background-color: #f2fbff;
        border: 1px solid #d5edf8;
        border-left: 5px solid #d5edf8;
    }

    blockquote p {
        color: #6f7f87;
        font-size: 15px;
        fon-weight: 400;
        font-style: italic;
        font-family: 'Tinos', serif;
        line-height: 22px;
    }



    /*------------------------------------------
        address / code / pre
    ------------------------------------------*/
    address {
        display: block;
        margin-bottom: 20px;
        font-style: normal;
        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;
    }



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

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

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


/*===================================================================================*/
/*  OTHER STYLE                                                                      */
/*===================================================================================*/


    .hide { display: none !important; }
    .spacer { height: 60px; clear: both; }
    .divider {
        clear: both;
        height: 60px;
        margin-bottom: 60px;
        border-bottom: 1px solid #f8f8f8;
    }


    /*------------------------------------------
        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; }

    .no-float { float: none !important; }



    /*------------------------------------------
        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; }



    /*------------------------------------------
        images
    ------------------------------------------*/
    img {
        width: auto/9;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
        image-rendering: optimizeQuality;
        -ms-interpolation-mode: bicubic;
    }

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





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





/*===================================================================================*/
/*  SECTION                                                                          */
/*===================================================================================*/

    .section {
        position: relative;
        padding-top: 30px;
        overflow: hidden;
        z-index: 2;
    }

    .section .container {
        padding-bottom: 30px;
        position: relative;
    }


    #wrapper { padding: 60px 0; }

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

    .gray {
        position: relative;
        background-color: #fcfcfc;
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
    }

    .yellow { background-color: #004e98; }

    .features {
        position: relative;
        padding-bottom: 15px;
    }

    .features img {
        float: left;
        max-width: 60px;
        margin-right: 5px;
    }

    .features h4 {
        margin-top: 20px;
    }


    .features .btn-blue {
        position: absolute;
        bottom: 0;
    }



/*===================================================================================*/
/*  PARALAX                                                                          */
/*===================================================================================*/

    .parallax {
        width: 100%;
        overflow: hidden;
        background-attachment: fixed;
        background-position: 50% 0;
    }

        .parallax .container {
            padding: 90px 0;
            position: relative;
            z-index: 1;
        }


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

            .parralax [class*="span"]{
                margin-bottom: 0;
            }


    /*------------------------------------------
        parallax color
    ------------------------------------------*/

        .dark,
        .dark h1,
        .dark h2,
        .dark h3,
        .dark h4,
        .dark h5,
        .dark h6,
        .dark a:hover,
        .dark .titles [class*="icon"] {
            color: #fff !important;
        }

        .dark .titles p,
        .dark .type {
            color: #fff;
        }

        .parallax .titles h1{
            color: #fff;
        }

        .parallax .titles p {
            color: #004e98;
        }

        .parallax .titles [class*="icon"] {
            color: #fff;
        }

        .parallax a {
            color: #fff;
        }



    /*------------------------------------------
        parallax bagkground fix
    ------------------------------------------*/

        @media only screen and (min-width: 1920px) {
            .parallax { background-size: cover; }
        }

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


    /*------------------------------------------
        parallax bagkground
    ------------------------------------------*/

        #home,
        #parallax1,
        #parallax2,
        #parallax3,
        #parallax4,
        #parallax5,
        #parallax6 {
            -o-background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -ms-background-size: cover;
            background-size: cover;
        }


        #home      { background-image: url(../images/home-bg.jpg); position: fixed;   }
        #home      { background-image: url(http://image.shutterstock.com/display_pic_with_logo/2117717/210976666/stock-photo-silhouette-group-of-business-people-meeting-210976666.jpg); position: fixed;   }
        #home      { background-image: url(../images/main_image-1B.jpg); position: fixed;   }
        #parallax1 { background-image: url(../images/example/parallax/parallax1.jpg); }
        #parallax2 { background-image: url(../images/example/parallax/parallax2.jpg); }
        #parallax3 { background-image: url(../images/example/parallax/parallax3.jpg); }
        #parallax4 { background-image: url(../images/example/parallax/parallax4.jpg); }
        #parallax5 { background-image: url(../images/example/parallax/parallax5.jpg); }
        #parallax6 { background-image: url(../images/example/parallax/parallax6.jpg); }



/*===================================================================================*/
/*  NAVIGATION                                                                       */
/*===================================================================================*/

    .nav {
        top: -80px;
        left: 0;
        width: 100%;
        z-index: 100;
        padding: 0 5%;
        position: fixed;
        background-color: #004e98;

        -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
           -moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);
                box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.1);

        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;

        border-bottom: 3px solid #fca61b;
    }

    .nav.fixed { top: 0; }



    /*------------------------------------------
        logo style
    ------------------------------------------*/

        .logo {
            height: 80px;
            display: table-cell;
            vertical-align: middle;
        }




/*===================================================================================*/
/*  HOME PAGE                                                                        */
/*===================================================================================*/

    .home-wrapper {
        width: 90%;
        margin: 0px auto;
        height: 100%;
        text-align: center;
        position: relative;
    }

    .home-content {
        width: 90%;
        display: table-cell;
    }

    .home-wrapper .flex-control-nav { display: none !important; }

        .home-wrapper .slider-text {
            width: 90%;
            z-index: 1;
        }


        .home-wrapper .slider-text h1 {
            color: #fff;
            line-height: 1;
            font-size: 70px;
            font-weight: 700;
            margin-bottom: 0px;
            padding: 30px 0;
            letter-spacing: 0.05em;
            text-shadow: rgba(0,0,0,0.1);
        }

        .buttons {
            display: block;
            margin: 0 auto;
            padding-top: 125px;
            float: none !important;
        }

        .home-btn {
            float: left;
            font-size: 14px;
            font-weight: 700;
            margin-top: 20px;
            line-height: 50px;
            width: 100%;
            display: inline-block;
            border: 1px solid #fff;
            background-color: rgba(255,255,255,0.5);
            color: #000 !important;
            letter-spacing: 0.2em;
            /*margin-left: 10%;*/
        }

        .home-btn:hover {
            color: #fff !important;
            border-color: #004e98;
            background-color: rgba(71, 59, 89, 0.7);
        }



/*===================================================================================*/
/*  TITLES                                                                           */
/*===================================================================================*/

    .titles{
        width: 100%;
        max-width: 960px;
        text-align: center;
        margin: 0 auto 40px  auto;
    }

        .titles [class*="icon"] {
            color: #004e98;
            display: block;
            font-size: 26px;
            margin-bottom: 20px;
        }

        .titles h1 {
            color: #2b2b2b;
            font-size: 35px;
            font-weight: 700;
            line-height: 1;
            position: relative;
            /*margin-bottom: 25px;*/
            font-family: 'Oswald', sans-serif;
        }

        .titles h3 {
            color: #777;
            font-size: 16px;
            line-height: 20px;
            font-weight: 400;
        }

            .titles h3 span {
                color: #004e98;
            }


        .titles-no-margin { margin-bottom: 0; }

        .titles-no-margin h1 {
            margin-bottom: 0;
            border-bottom: none;
            padding-bottom: 0;
        }

        .titles-no-margin h1:after {
            border-bottom: none;
        }

/*===================================================================================*/
/*  BUTTON                                                                           */
/*===================================================================================*/


    [class*="btn-"] {
        color: #fff !important;
        font-weight: 700;
        font-size: 11px;
        padding: 15px 25px;
        margin: 0 5px 5px 0;
        display: inline-block;
        letter-spacing: 0.05em;
        text-decoration: none;
        border: 2px solid transparent;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.05);

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

    .btn-blue.block {
        font-size: 1.2em;
        padding: 8px 10px;

    }


        /*
         * Button size
         */

        [class*="btn-"].small {
            font-size: 11px;
            font-weight: 400;
            padding: 10px 15px;
        }

        [class*="btn-"].large {
            font-size: 12px;
            padding: 18px 35px;
        }


        /*
         * Button blue
         */

        .btn-blue       { background-color: #004e98; }
        .btn-blue:hover { background-color: #0059a7; }


        /*
         * Button red
         */

        .btn-red       { background-color: #e74c3c; }
        .btn-red:hover { background-color: #F26D5E; }


        /*
         * Button yellow
         */

        .btn-yellow       { background-color: #004e98; }
        .btn-yellow:hover { background-color: #fed73f; }


        /*
         * Button dark
         */

        .btn-dark       { background-color: #444; }
        .btn-dark:hover { background-color: #555; }



.show-grid {
    margin-bottom: 20px !important;
}

.show-grid [class*="span"]{
    background-color: #f8f8f8;
    line-height: 50px;
    min-height: 50px;
    text-align: center;
    border: 1px solid #efefef;
    margin-bottom: 2em;

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