/*
* Author: Wisely Themes
* Author URI: http://creativemarket.com/wiselythemes
* Theme Name: Arctic
* Theme URI: http://www.wiselythemes.com/arctic
* Version: 1.0.0
*/


/* Imports
================================================== */
@import url('./skeleton.css'); /* import skeleton stylesheet */


/* Table of Content
==================================================
    #Reset & Basics
    #Basic Styles
    #Pattern and Color Configuration
    #Site Styles
     - HEADER
     - HOME CONTENT
     - FOOTER
    #Page Styles
    #Media Queries */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
    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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline; }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block; }
    body {
        line-height: 1; }
    ol, ul {
        list-style: none; }
    blockquote, q {
        quotes: none; }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none; }
    table {
        border-collapse: collapse;
        border-spacing: 0; }

    a{
        text-decoration:none; }

    a:hover{
        text-decoration:underline;}


/* #Basic Styles
================================================== */
    body {
        background-color:#ffffff;
        color:#747474;
        font-family: 'Lato', sans-serif;
        font-weight:400;
        -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        -webkit-text-size-adjust: 100%;
        font-size:10pt;
    }

    input, textarea{
        font-family: 'Lato', sans-serif;
    }

    .left{
        float:left !important;
    }

    .right{
        float:right !important;
    }

    .justify{
        text-align:justify;
    }

    .line-height{
        line-height: 12pt;
    }

    input[type="text"], textarea{
        padding:0 4%;
        font-size:9pt;
        width:92%;
        border:1px solid #cecece;
        outline: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #ffffff;
        color:#747474;
        margin-bottom:10px;
        -webkit-transition: all 400ms;
        -moz-transition: all 400ms;
        -o-transition: all 400ms;
        transition: all 400ms;
    }

    input[type="text"]:focus, textarea:focus{
        border-color: #bfbfbf;
        -moz-box-shadow: 0 0 10px #bfbfbf;
        -webkit-box-shadow: 0 0 10px #bfbfbf;
        box-shadow: 0 0 10px #bfbfbf;
        outline: none;
    }

    input{
        height:35px;
        line-height:35px;
    }

    textarea{
        resize:none;
        height:104px;
        width:96%;
        text-indent:0;
        padding:8px 2%;
    }

    .ie input{
        line-height:35px;
    }


/* #Pattern and Color Configuration
================================================== */
    .bg-pattern{
        background:url('/imgs/patterns/pattern1_white.png');
    }

    .bg-color {
        background-color:#0d4965;
    }
    .bg-color a, .bg-color a:visited {

    }
    .bg-color-red{
        background-color:#ad1f24;
    }

    .txt-highlight-color{
        color:#da6027;
    }

    .border-color{
        border-color:#ca752c;
    }
    .border-color-gris {
        border-color:#49423d;
    }

    a{
        color:#da6027;
    }

    .hcfc{
        color:#ffffff !important;
    }


/* #Site Styles
================================================== */
    /* HEADER -------------------- */


        #header-home{
            position:relative; overflow-x: hidden;
            width:100%;
            /*height:482px;*/
            clear:both; background:url('../images/background-header.jpg') no-repeat 0 0; padding: 60px 0 25px 0;
        }

        #header-home-revolution{
            position:relative;
            width:100%;
            clear:both;
            height:482px;
        }

        .bg-shadows{
            position:absolute;
            top:0px;
            left:0px;
            width:100%;
            height:100%;
            background:url('/imgs/banner_shadows.png') center bottom no-repeat;
        }

        #top-box{
            position:relative;
            z-index:1001; padding-bottom:10px;
        }

        #logo{
            text-align:left; /*padding: 20px 0;*/ background-color: #fff; clear: both;
        }

        #logo img {
            max-width:100%;
        }


        /* Navigation -------------- */
            #nav{
                float:right;
                position:relative; margin-top: 12px;
                /*margin:18px 0 18px;*/
                -webkit-transition: none;
                -moz-transition: none;
                -o-transition: none;
                transition: none;
            }

            .sf-menu, .sf-menu * {
                margin:            0;
                padding:        0;
                list-style:        none;
            }

            .sf-menu{
            }

            .sf-menu ul {
                position:        absolute;
                top:            -999em;
                width:            350px; /* left offset of submenus need to match (see below) */
            }
            .sf-menu ul li {
                width:            100%;
            }
            .sf-menu li:hover {
                visibility:        inherit; /* fixes IE7 'sticky bug' */
            }
            .sf-menu li {
                float:            left;
                position:        relative;
            }
            .sf-menu a {
                display:        block;
                position:        relative;
            }

            .sf-menu a:hover {
                text-decoration:none;
            }

            .sf-menu li:hover ul,
            .sf-menu li.sfHover ul {
                left:            0;
                top:            46px;
                z-index:        99;
                padding-top:1px;
            }
            ul.sf-menu li:hover li ul,
            ul.sf-menu li.sfHover li ul {
                top:            -999em;
            }
            ul.sf-menu li li:hover ul,
            ul.sf-menu li li.sfHover ul {
                left:            350px; /* match ul width */
                top:            0;
            }
            ul.sf-menu li li:hover li ul,
            ul.sf-menu li li.sfHover li ul {
                top:            -999em;
            }
            ul.sf-menu li li li:hover ul,
            ul.sf-menu li li li.sfHover ul {
                left:            160px; /* match ul width */
                top:            0;
            }

            /* SKIN --- */
            .sf-menu{
                float:right;
                height:46px;
                list-style:none;
                background-color:#EBEBEB;
                -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
                -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
                box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
            }

            .sf-menu li{
                float:left;
                position:relative;
                display:inline;
                font-weight:400;
                text-transform:uppercase;
                height:46px;
                line-height:47px;
                -webkit-transition: all 200ms;
                -moz-transition: all 200ms;
                -o-transition: all 200ms;
                transition: all 200ms;
                background-image:url(/imgs/menu_divider.png);
                background-repeat:no-repeat;
                background-position:top right;
                background-color:#EBEBEB;
            }

            .sf-menu > li:last-child, .sf-menu li li{
                background-image:none;
            }

            .sf-menu > li > a .sf-sub-indicator{
                display:none;
            }

            .sf-menu > li:hover a{
                /*color:#69b297;*/color:#49423D;
            }

            .sf-menu li a{
                float:left;
                /*color:#4b4b4b;*/ color:#49423D;
                font-size:14px;
                padding:0 20px;
                min-height:47px;
            }

            .sf-menu li a img{
                float:left;
                margin-top:15px;
            }

            .sf-menu > li:hover, .sf-menu > li.selected{
                height:41px;
                border-bottom:5px solid #e2e2e2;
                background-color:#f1f1f1;
            }

            .sf-menu > li:hover:after, .sf-menu > li.selected:after {
                content:"";
                position:absolute;
                bottom:-1px;
                left:50%;
                margin-left:-6px;
                width: 0px;
                height: 0px;
                border-style: inset inset solid inset;
                border-width: 0 6px 6px 6px;
                border-color:transparent transparent #e2e2e2 transparent;
            }

            .sf-menu li ul{
                -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
                -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
                box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
            }

            .sf-menu li li {
                height:35px;
                line-height:35px;
                text-transform:none;
                margin-top:0px;
                font-weight:400;
                border-bottom:1px solid #dedede;
            }

            .sf-menu li li:hover, .sf-menu li li.selected{
                height:41px;
                line-height:41px;
                border-bottom:5px solid #e2e2e2;
                background-color:#f1f1f1;
            }

            .sf-menu li li a{
                float:left;
                width:80%;
                padding:0 5% 0 5%;
                height:35px;
            }

            .sf-menu li li a, .sf-menu > li.selected > a{
                /*color:#69b297;*/ color:#49423D;
            }

            .sf-menu li ul li ul {
                margin-left:1px;
            }

            .sf-menu li li:hover a, .sf-menu li li.selected a{
                height:41px;
            }

            .sf-menu li:hover, .sf-menu li.sfHover,
            .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
                outline:        0;
            }

            .sf-menu li#search a.icon-search{
                background:url('/imgs/icons/icon_search_black.png') no-repeat;
                width:19px;
                height:19px;
                margin:15px -20px 0 15px;
            }


            .sf-menu li#search > div{
                display:none;
                position:absolute;
                right:0px;
                top:47px;
                width:222px;
                padding:9px 9px 0;
                background-color:#ebebeb;
                z-index:99;
            }

            .sf-menu li#search input{
                float:left;
                width:160px;
                padding:0 8px;
                border:1px solid #D2D2D2;
                background: #fff;
            }

            .search-magnifier{
                float:left;
                width:27px;
                height:31px;
                background:url('/imgs/icons/icon_search_ok.png') no-repeat;
                margin:1px 3px 0 0;
            }

            #nav-mobile-holder{
                position:relative;
                display:none;
                color:#4B4B4B;
            }

            #nav-mobile-holder > div{
                float:left;
                position:relative;
                width:40%;
                height:46px;
                line-height:46px;
                font-weight:700;
                font-size:12pt;
                text-align:center;
                cursor:pointer;
                background:url(/imgs/menu_divider.png) no-repeat top right #EBEBEB;
                -webkit-transition: all 200ms;
                -moz-transition: all 200ms;
                -o-transition: all 200ms;
                transition: all 200ms;
            }

            #nav-mobile-holder > div:last-child{
                background:none;
            }

            #nav-mobile-holder > div:hover, .nav-mobile-div-active{
                height:41px !important;
                border-bottom:5px solid #e2e2e2;
                background-color:#f1f1f1 !important;
                color:#69b297;
            }

            #nav-mobile-holder > div:hover:after, .nav-mobile-div-active:after{
                content:"";
                position:absolute;
                bottom:-1px;
                left:50%;
                margin-left:-6px;
                width: 0px;
                height: 0px;
                border-style: inset inset solid inset;
                border-width: 0 6px 6px 6px;
                border-color:transparent transparent #e2e2e2 transparent;
            }

            #nav-mobile-btn{
                /*margin-left:10%;*/
            }

            #nav-mobile-holder > div img{
                float:left;
                margin-top:10px;
                margin-left:20%;
            }

            #nav-mobile-holder > div #menu-icon{
                float:left;
                margin-top:15px;
                margin-left:20%;
                background:url('/imgs/icons/menu_icon_black.png') no-repeat;
                width:19px;
                height:19px;
                opacity:0.4;
            }

            #nav-mobile-holder > div #menu-arrow{
                float:right;
                margin-top:15px;
                margin-left:0;
                margin-right:20%;
                background:url('/imgs/icons/menu_arrow_black.png') no-repeat;
                width:6px;
                height:19px;
                opacity:0.4;
            }

            #nav-mobile-holder .icon-search{
                background:url('/imgs/icons/icon_search_black.png') no-repeat;
                width:19px;
                height:19px;
                float:left;
                margin:15px -20% 0 20%;
                opacity:0.4;
            }

            #menu-mobile{
                display:none;
                position:absolute;
                left:10%;
                top:47px;
                width:75%;
                padding:0 2.5%;
                background-color:#EBEBEB;
                z-index:99;
                border-bottom:13px solid #f1f1f1;
                -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
                -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
                box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
            }

            #menu-mobile .menuSlideUp{
                position:absolute;
                width:100%;
                height:11px;
                bottom:-12px;
                margin-left:-2.5%;
                background:url('/imgs/icons/menu_bottom_icon.png') no-repeat center center;
                cursor:pointer;
            }

            #menu-mobile  > li {
                float:left;
                padding:0 8%;
                width:84%;
                border-bottom:1px solid #cecece;
                font-size:10pt;
                font-weight:900;
            }

            #menu-mobile > li:last-child {
                border-bottom:none;
            }

            #menu-mobile  a{
                float:left;
                width:100%;
                padding:8px 0;
            }


            #menu-mobile li ul li{
                float:left;
                padding-left:10%;
                width:90%;
                font-weight:700;
            }

            #search-input-holder{
                display:none;
                position:absolute;
                right:10%;
                top:47px;
                width:222px;
                padding:9px;
                background-color:#EBEBEB;
                z-index:99;
            }

            #search-input-holder input{
                float:left;
                width:160px;
                height:35px;
                line-height:35px;
                padding:0 8px;
                font-size:8pt;
                border:1px solid #D2D2D2;
                outline: none;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                background: #fff;
                margin-bottom:0px;
            }


            /* Dark Menu Styles*/
            #nav.black .sf-menu, .black .sf-menu li, #nav.black .sf-menu li#search > div{
                background:url(/imgs/menu_divider_black.png) no-repeat top right #333333;
            }

            #nav.black .sf-menu li#search input{
                background:#1E1E1E;
                border:1px solid #181818;
            }

            #nav.black .sf-menu li a{
                color:#b9b9b9;
            }

            #nav.black .sf-menu > li:hover a{
                color:#69b297;
            }

            #nav.black .sf-menu li:hover, #nav.black .sf-menu li.selected{
                background-color:#181818;
                border-bottom:5px solid #444;
            }

            #nav.black .sf-menu > li:hover:after, #nav.black .sf-menu > li.selected:after {
                border-color:transparent transparent #444 transparent;
            }

            #nav.black .sf-menu li li{
                border-bottom:1px solid #181818;
            }

            #nav.black .sf-menu li li:hover, #nav.black .sf-menu li li.selected{
                border-bottom:5px solid #444;
                background-color:#181818;
            }

            #nav.black .sf-menu li li a, #nav.black .sf-menu > li.selected > a{
                color:#69b297;
            }

            #nav.black .sf-menu li#search a.icon-search{
                background:url('/imgs/icons/icon_search.png') no-repeat;
            }

            #nav.black #nav-mobile-holder > div{
                color:#b9b9b9;
                background:url(/imgs/menu_divider_black.png) no-repeat top right #333333;
            }

            #nav.black #nav-mobile-holder > div:hover, #nav.black .nav-mobile-div-active{
                background-color:#181818 !important;
                border-bottom:5px solid #444;
            }

            #nav.black #nav-mobile-holder > div:hover:after, #nav.black .nav-mobile-div-active:after{
                border-color:transparent transparent #444 transparent;
            }

            #nav.black #nav-mobile-holder > div #menu-icon{
                background:url('/imgs/icons/menu_icon.png') no-repeat;
            }

            #nav.black #nav-mobile-holder > div #menu-arrow{
                background:url('/imgs/icons/menu_arrow.png') no-repeat;
            }

            #nav.black #nav-mobile-holder .icon-search{
                background:url('/imgs/icons/icon_search.png') no-repeat;
            }

            #nav.black #menu-mobile, #nav.black #search-input-holder{
                background-color:#333333;
            }

            #nav.black #menu-mobile{
                border-bottom:13px solid rgba(0,0,0,0.68);
            }

            #nav.black #menu-mobile .menuSlideUp{
                background:url('/imgs/icons/menu_bottom_black_icon.png') no-repeat center center;
            }

            #nav.black #menu-mobile  > li {
                border-bottom:1px solid #181818;
            }
            /*End Dark Menu Styles */


    /* HOME CONTENT -------------------- */
        #main{
            width: 600px;
        }

        #sidebar{
            width: 300px;
            padding-top:40px;
        }

        #action-box{
            clear:both;
            width:100%;
            line-height:67px;
            background-color:#FAFAFA;
            font-size:18pt;
        }

        #action-box strong{
            font-weight:700;
        }



        .button{
            border:none;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.5);
            -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.5);
            box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.5);
            cursor:pointer;
            display:inline-block; padding:8px; text-align:left;
        }

        .button:hover{
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.5);
            -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.5);
            box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.5);
            text-decoration:none;
        }

        .large{
            /*height:35px;*/
            padding:8px 13px;
            line-height:20px;
            font-size:13pt;
            font-weight:700;
        }

        .large:hover{
            line-height:37px;
            padding:0 12px 0 14px;
        }

        .large-icon{
            height:31px !important;
            padding:2px 3px !important;
        }

        .large-icon:hover{
            padding:3px 2px 1px 4px !important;
        }

        .large-icon img{
            opacity:0.4;
            filter:alpha(opacity=40);
        }

        .large-icon-txt{
            line-height:30px;
            font-size:13pt;
            font-weight:700;
            height:31px !important;
            padding:2px 8px 2px 3px!important;
        }

        .large-icon-txt:hover{
            padding:3px 7px 1px 4px !important;
        }

        .large-icon-txt img{
            float:left;
            margin:0 5px;
            opacity:0.4;
            filter:alpha(opacity=40);
        }

        .plus-big, .plus-medium, .plus-small{
            width:40px;
            height:40px;
            font-weight:300;
            text-align:center;
            line-height:37px;
            font-size:34pt;
            color:#fff;
            display:block;
            border-radius:50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            opacity:0.55;
            filter:alpha(opacity=55);
            transition: opacity 300ms;
            -moz-transition: opacity 300ms;
            -webkit-transition: opacity 300ms;
            -o-transition: opacity 300ms;
        }

        .plus-medium{
            width:30px;
            height:30px;
            line-height:26px;
            font-size:26pt;
        }

        .plus-small{
            float:right;
            width:18px;
            height:18px;
            line-height:16px;
            font-size:15pt;
            margin-top:5px;
        }

        .plus-big:hover, .plus-medium:hover, .plus-small:hover{
            text-decoration:none;
            opacity:1;
            filter:alpha(opacity=100);
        }

        /* Featured Items ------- */
        .triangle-down{
            position:absolute;
            bottom:-7px;
            left:-6px;
            margin-left:50%;
            z-index:10;
            width: 0px;
            height: 0px;
            border-style: solid inset inset inset;
            border-width: 7px 6px 0 6px;
            border-color:#69b297 transparent transparent transparent;
        }

        .triangle-up{
            position:absolute;
            top:-7px;
            left:-6px;
            margin-left:50%;
            z-index:10;
            width: 0px;
            height: 0px;
            border-style: inset inset solid inset;
            border-width: 0 6px 7px 6px;
            border-color:transparent transparent #69b297 transparent;
        }

        .triangle-right{
            content:"";
            position:absolute;
            top:50%;
            right:-7px;
            margin-top:-7px;
            z-index:10;
            width: 0px;
            height: 0px;
            border-style: inset inset inset solid;
            border-width: 6px 0px 6px 7px;
            border-color:transparent transparent transparent #69b297;
        }

        .triangle-left{
            content:"";
            position:absolute;
            top:50%;
            left:-7px;
            margin-top:-7px;
            z-index:10;
            width: 0px;
            height: 0px;
            border-style: inset solid inset inset;
            border-width: 6px 7px 6px 0px;
            border-color:transparent #69b297 transparent transparent;
        }

        .featured-item{
            position:relative;
            padding-bottom:12px;
            margin:20px 8px 40px 8px !important;
            border:1px solid #cecece;
            text-align:center;
        }

        .featured-item-img{
            position:relative;
            float:left;
            width:100%;
            margin-bottom:10px;
            border-bottom:6px solid #4b4b4b;
        }

        .featured-item-img img{
            width:100%;
            float:left;
        }

        .featured-item-img .triangle-down{
            bottom:-12px;
            border-top-color:#4b4b4b;
        }

        .featured-item-img .item-info{
            position:absolute;
            width:100%;
            height:100%;
            position:absolute;
            text-align:center;
            top:0;
            left:0;
            overflow:hidden;
            visibility:hidden;
            background-color:rgba(255,255,255,0.8);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
            opacity:0;
            filter:alpha(opacity=0);
        }

        .featured-item-img .plus-big{
            position:absolute;
            top:50%;
            left:50%;
            margin:-20px 0 0 -20px;
        }

        .featured-item .title{
            float:left;
            font-size:20pt;
            font-weight:300;
            width:92%;
            margin:10px 4% 15px;
            color:#4b4b4b;
        }

        .featured-item span{
            float:left;
            line-height:12pt;
            width:92%;
            margin:0 4%;
        }

        .featured-item span a{
            font-weight:700;
            font-style:italic;
            color:#4b4b4b;
        }

        .featured-item,
        .featured-item-img,
        .featured-item-img .triangle-down,
        .featured-item-img .item-info,
        .featured-item .title,
        .featured-item span a {
            -webkit-transition: all 400ms !important;
            -moz-transition: all 400ms !important;
            -o-transition: all 400ms !important;
            transition: all 400ms !important;
        }

        .featured-item:hover {
            background-color: #f1f1f1;
        }

        .featured-item:hover .featured-item-img{
            border-bottom:6px solid #49423d;
        }

        .featured-item:hover .triangle-down{
            border-top-color:#49423d;
        }

        .featured-item:hover .featured-item-img .item-info{
            opacity:1;
            filter:alpha(opacity=100);
            visibility:visible;
        }

        .featured-item:hover .title, .featured-item:hover span a{
            color:#49423d;
        }

        .icon{
            opacity:0.7;
        }

        .lamp{
            width:27px;
            height:31px;
            background:url('/imgs/icons/icon_highlight1.png') no-repeat;
            top:5px;
            position:relative;
            display:inline-block;
        }

        .pencil{
            width:27px;
            height:31px;
            background:url('/imgs/icons/icon_highlight2.png') no-repeat;
            top:5px;
            position:relative;
            display:inline-block;
        }

        .cow{
            width:27px;
            height:31px;
            background:url('/imgs/icons/icon_cow.png') no-repeat;
            top:5px;
            position:relative;
            display:inline-block;
        }

        .circular{
            width:27px;
            height:31px;
            background:url('/imgs/icons/icon_highlight3.png') no-repeat;
            top:5px;
            position:relative;
            display:inline-block;
        }

        /* Quote Large ----- */
        .quote-large{
            position:relative;
            padding:20px 0;
            border-top:1px solid #F1F1F1;
            border-bottom:1px solid #F1F1F1;
            text-align:center;
            font-size:28pt;
            font-weight:300;
            margin-bottom:40px !important;
            color:#4b4b4b;
            background: #e8e8e8;
            background: -moz-linear-gradient(left,  #e8e8e8 0%, #f0f0f0 50%, #e8e8e8 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8e8e8), color-stop(50%,#f0f0f0), color-stop(100%,#e8e8e8));
            background: -webkit-linear-gradient(left,  #e8e8e8 0%,#f0f0f0 50%,#e8e8e8 100%);
            background: -o-linear-gradient(left,  #e8e8e8 0%,#f0f0f0 50%,#e8e8e8 100%);
            background: -ms-linear-gradient(left,  #e8e8e8 0%,#f0f0f0 50%,#e8e8e8 100%);
            background: linear-gradient(to right,  #e8e8e8 0%,#f0f0f0 50%,#e8e8e8 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=1 );
        }

        .quote-large:before {
            position: absolute;
            width: 96%;
            height: 15%;
            left: 2%;
            border-radius: 47%;
            z-index: -1;
            top: 3%;
            content: "";
            box-shadow: 0 -3px 14px rgba(0,0,0,0.4);
        }

        .quote-large:after {
            position: absolute;
            width: 96%;
            height: 15%;
            left: 2%;
            border-radius: 47%;
            z-index: -1;
            bottom: 3%;
            content: "";
            box-shadow: 0 4px 14px rgba(0,0,0,0.4);
        }

        .quote-large h2 {
            font-size: 28pt; font-weight: 300; color: #4B4B4B; margin: 0 0 1em 0; text-align: center;
        }

        .quote-large a{
            font-style:italic;
            font-weight:400;
        }

        .quote-large a, .quote-large p {
            font-size:12pt;
            font-weight:400;
        }

        /* Section style ----- */
        .section-title{
            float:left;
            /*font-size:19pt;line-height:28px;margin-bottom:10px; padding: 0 0 5px;*/
            width:100%;border-bottom:1px solid #cecece;
        }

        .section-title img{
            float:left;
            margin-right:5px;
        }

        .no-border{
            border:none;
        }


        /* FlexSlider Defaults */

            /* Browser Resets */
            .flex-container a:active,
            .flexslider a:active,
            .flex-container a:focus,
            .flexslider a:focus  {outline: none;}
            .slides,
            .flex-control-nav,
            .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

            /* FlexSlider Necessary Styles */
            .flexslider {margin: 0; padding: 0;}
            .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
            .flexslider .slides img {width: 100%; display: block;}
            .flex-pauseplay span {text-transform: capitalize;}

            /* Clearfix for the .slides element */
            .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
            html[xmlns] .slides {display: block;}
            * html .slides {height: 1%;}

            /* No JavaScript Fallback */
            /* If you are not using another script, such as Modernizr, make sure you
             * include js that eliminates this class on page load */
            .no-js .slides > li:first-child {display: block;}

            /* FlexSlider Default Theme */
            .flexslider {float:left; margin: 0; position: relative; zoom: 1;}
            .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
            .loading .flex-viewport {max-height: 300px;}
            .flexslider .slides {zoom: 1;}
            .carousel li {margin-right: 5px}

            /* Direction Nav */
            .flex-direction-nav {position:absolute;top:-35px;right:10px;width:42px;}
            .flex-direction-nav a {float:left; width:18px; height:18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color:#666666; background-repeat:no-repeat; background-position:6px 5px;-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
            .flex-direction-nav a:hover {background-color:#69b297;}
            .flex-direction-nav .flex-next {float:right; margin-left:6px; background-image:url('/imgs/btn_right_arrow_white.png');}
            .flex-direction-nav .flex-prev {background-image:url('/imgs/btn_left_arrow_white.png'); }


        /* Projects Slider ------- */
        #projects{
            margin-bottom:40px;
        }

        #projects-slider .slides > li,
        #projects-slider-home2 .slides > li  {
            margin: 0 1px;
           /*width: 233px !important;*/  width: 233px; 
            height: 233px;
            border-bottom:7px solid #4b4b4b;
            overflow:hidden;
            position:relative;
            cursor:pointer;
            -webkit-transition: border-bottom 300ms;
            -moz-transition: border-bottom 300ms;
            -o-transition: border-bottom 300ms;
            transition: border-bottom 300ms;
        }

        #projects-slider-home2 .slides > li  {
            width: 191px;
            height: 191px;
        }

        #projects-slider .slides > li .triangle-up,
        #projects-slider-home2 .slides > li  .triangle-up {
            top:auto;
            bottom:-1px !important;
            border-bottom-color:#4b4b4b;
            -webkit-transition: all 400ms;
            -moz-transition: all 400ms;
            -o-transition: all 400ms;
            transition: all 400ms;
        }

        #projects-slider .slides > li:hover .triangle-up,
        #projects-slider-home2 .slides > li:hover .triangle-up {
            border-bottom-color:#69b297;
        }

        #projects-slider .slides > li:hover,
        #projects-slider-home2 .slides > li:hover  {
            border-bottom:7px solid #69b297;
        }

        #projects-slider .slides > li img{
            width:100%;
            max-height:233px;
        }

        #projects-slider-home2 .slides > li img{
            width:100%;
            max-height:191px;
        }

        #projects-slider .slides > li .item-info,
        #projects-slider-home2 .slides > li .item-info{
            width:100%;
            text-align:center;
            position:absolute;
            height:100%;
            top:100%;
            left:0;
            background-color:rgba(255,255,255,0.8);
            overflow:hidden;
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
        }

        #projects-slider .slides > li .item-info .plus-big{
            margin:54px auto 15px auto;
        }

        #projects-slider-home2 .slides > li .item-info .plus-big{
            margin:24px auto 15px auto;
        }

        #projects-slider .slides > li .item-title,
        #projects-slider-home2 .slides > li .item-title{
            width:80%;
            margin:0 auto 7px;
            font-weight:700;
            font-size:10pt;
            text-transform:uppercase;
            border-bottom:1px solid #cecece;
        }

        #projects-slider .slides > li .item-title span,
        #projects-slider-home2 .slides > li .item-title span{
            font-style:italic;
            font-size:9pt;
        }

        #projects-slider .slides > li .item-desc,
        #projects-slider-home2 .slides > li .item-desc{
            font-size:9pt;
            width:80%;
            margin:0 auto;
            font-weight:700;
        }

        /* Clients Slider ------- */
        #clients{
            margin-bottom:40px;
        }

        #clients-slider .flex-viewport{
            padding-bottom: 10px;
        }

        #clients-slider .slides > li {
            margin: 0 5px;
            width: 190px;
            height: 44px;
            overflow:hidden;
            position:relative;
        }

        /* Featured Items Slider ------- */
        #featured-slider{
            margin-top:15px;
            margin-bottom:40px; overflow: hidden;
        }

        #main #featured-slider{
            margin-top:40px;
        }

        #featured-slider .flex-direction-nav {
            top:6px;
            left:6px;
            z-index:10;
            width: 58px;
        }
        #featured-slider .flex-direction-nav li {
            padding:0; background: none; display: inline-block;
        }

        #featured-slider .flex-direction-nav a {
            width:26px;
            height:26px;
            background-color:rgba(255,255,255,0.5);
            background-repeat:no-repeat;
            background-position:7px 7px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        #featured-slider .flex-direction-nav a:hover {
            background-color:rgba(255,255,255,0.7);
        }

        #featured-slider .flex-direction-nav .flex-next {
            float:right;
            margin-left:6px;
            background-image:url('/imgs/right_arrow_white.png');
            background-position:9px 7px;
        }

        #featured-slider .flex-direction-nav .flex-prev {
            background-image:url('/imgs/left_arrow_white.png');
        }

        #featured-slider.dark .flex-direction-nav .flex-next {
            background-image:url('/imgs/right_arrow_black.png');
        }

        #featured-slider.dark .flex-direction-nav .flex-prev {
            background-image:url('/imgs/left_arrow_black.png');
        }

        #featured-slider .flex-viewport{
            margin-left: -5px; padding-bottom:0; /* padding-bottom:6px; */
        }

        #featured-slider .slides li img{
            width:100%;
        }

        #featured-slider .slides li{
            position:relative; background:none;padding:0;
            border-bottom:6px solid #69b297;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
        }

        #featured-slider .slides li:hover {
            border-bottom:9px solid #69b297;
        }

        #featured-slider .slides li .triangle-up{
            top:auto;
            bottom:0px;
        }

        #featured-slider .slides li .item-info{
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            padding:10px 0 15px;
            margin:0 auto;
            text-align:center;
            background-color:rgba(255,255,255,0.8);
            overflow:hidden;
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
        }

        #featured-slider .slides li .item-info .title{
            font-size:19pt;
            padding-left:10px;
            text-align:left;
            margin-bottom:8px;
        }

        #featured-slider .slides li .item-info .icon{
            display:inline-block;
        }

        #featured-slider .slides li .item-info .desc{
            padding:0 15px;
            text-align:left;
        }

        #featured-slider .slides li .item-info .desc a{
            font-weight:700;
            font-style:italic;
        }


        /* Sidebar ------- */
        #facebook-plugin{
            overflow:hidden;
            margin-bottom:40px;
        }

        #fb-holder{
            overflow:hidden;
            width:232px;
            height:311px;
            margin:0 auto;
        }

        #fb-holder .fb-like-box{
            margin-top:-1px;
            margin-left:-1px;
        }

        #clientssay{
            margin-bottom:40px;
        }

        #testemonials{
            overflow:visible !important;
        }

        .testemonial{
            position:relative;
            float:left;
            background-color:#F0F0F0;
            width:95.8%;
            padding:30px 2.1%;
            font-size:12pt;
            font-style:italic;
            font-weight:400;
            text-align:center;
            line-height:14pt;
        }

        .testemonial:before, .testemonial:after{
            position:absolute;
            color:#d1d1d1;
            font-size:44pt;
            font-weight:700;
            line-height:30pt;
        }

        .testemonial:before{
            content: "\201C";
            top:10px;
            left:5px;
        }

        .testemonial:after{
            content: "\201D";
            bottom:-15px;
            right:10px;
        }

        .ie .testemonial:before{
            content: "\201C";
            top:10px;
            left:-5px;
        }

        .ie .testemonial:after{
            content: "\201D";
            bottom:-22px;
            right:17px;
        }

        .testemonial-triangle{
            position:absolute;
            bottom:-8px;
            left:10px;
            width: 0px;
            height: 0px;
            border-style: solid outset solid solid;
            border-width: 0 20px 12px 50px;
            border-color: transparent transparent #F0F0F0 #F0F0F0;
            line-height: 0px;
            _border-color: #000000 #000000 #F0F0F0 #F0F0F0;
            _filter: progid:DXImageTransform.Microsoft.Chroma(color='#F0F0F0');
            -webkit-transform: rotate(15deg);
            -moz-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            -o-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        .testemonial-author{
            float:right;
            background-color:#DFDFDF;
            padding:7px 10px;
            margin-top:12px;
            font-style:italic;
            font-weight:700;
        }

        #flickr-phtostream{
            margin-bottom:40px;
        }

        #flickr-phtostream a{
            float:left;
            margin:5px
        }

        #flickr-phtostream img{
            width:60px;
            height:60px;
        }

        /*HOMEPAGE 2 Styles*/
        .featured1-home2{
            position:relative;
        }

        .featured1-home2 img{
            width:100%;
        }

        .featured1-home2 .featured-item-img{
            border-bottom-width:0px;
            margin-bottom:0;
        }

        .featured1-home2 .featured-item-img .triangle-down{
            display:none;
        }

        .featured1-home2 .title{
            position:absolute;
            bottom:18%;
            background-color:rgba(255,255,255,0.8);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
            margin-left:5px;
            font-size:19pt;
            padding:6px 10px 12px 5px;
            opacity:0;
            filter:alpha(opacity=0);
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
        }

        .featured1-home2 .title .icon{
            display:inline-block;
        }

        .featured1-home2 .title .plus-medium{
            float:right;
            margin:6px 0 0 35px;
        }

        .featured1-home2 .desc{
            position:absolute;
            top:82%;
            width:70%;
            margin:1px 0 0 50px;
            padding:5px 10px;
            background-color:rgba(255,255,255,0.7);
            opacity:0;
            filter:alpha(opacity=0);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
        }

        .featured1-home2:hover .title{
            margin-left:20px;
            opacity:1;
            filter:alpha(opacity=100);
        }

        .featured1-home2:hover .desc{
            margin:1px 0 0 30px;
            opacity:1;
            filter:alpha(opacity=100);
        }

        .featured2-home2{
            margin:0 10px !important;
            border:none;
            padding-bottom:0;
        }

        .featured2-home2 span, .featured3-home2 span{
            line-height:20px;
        }

        .featured2-home2 span a, .featured3-home2 span a{
            color:#747474;
        }

        .featured3-home2{
            margin:0 0 20px !important;
            border:none;
        }

        .featured2-home2:hover, .featured3-home2:hover{
            background:none;
        }

        .quote-home2{
            font-size:28pt;
            font-weight:300;
            margin-bottom:30px;
        }

        .quote-home2 a{
            font-size:12pt;
            font-style:italic;
        }

        .section-title.bg-color{
            position:relative;
            color:#ffffff;
            width:96%;
            padding:5px 2%;
            font-weight:300;
            margin-bottom:15px;
        }

        .section-title.bg-color img{
            margin-top:-5px;
            opacity:0.7;
        }

        .colored .flex-direction-nav{
            top:-45px;
        }

        .projects-grid {
            display:inline-block;
            margin-bottom:40px !important;
        }

        .projects-grid .section-title{
            float:left;
            position:relative;
            width:50%;
            height:auto;
            padding:14px 0 18px;
            color:#ffffff;
            font-weight:300;
            margin:0;
            font-size:22pt;
        }

        .projects-grid .section-title img{
            margin-left:5px;
        }

        .projects-grid .section-title div{
            display:inline-block;
        }

        .projects-grid a{
            width:50%;
            height:auto;
            display:block;
            overflow:hidden;
            position:relative;
        }

        .projects-grid a img{
            width:100%;
            display:block;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
        }

        .projects-grid a:hover img{
            opacity:0.6;
            filter:alpha(opacity=60);
        }

        .projects-grid a .plus-medium{
            position:absolute;
            top:50%;
            left:50%;
            margin:-15px 0 0 -15px;
            opacity:0;
            filter:alpha(opacity=0);
        }

        .projects-grid a:hover .plus-medium{
            opacity:0.55;
            filter:alpha(opacity=55);
        }

        .projects-grid a:hover .plus-medium:hover{
            opacity:1;
            filter:alpha(opacity=100);
        }

        .projects-grid a.more{
            font-size:14pt;
            margin-top:10px;
            font-style:italic;
            display:inline-block;
            width:100%;
        }

        #whychoose .section-title.bg-color{
            margin-top:10px;
            margin-bottom:0px;
        }

        /*HOMEPAGE 3 Styles*/

        #services{
            margin-bottom:40px;
        }

        #services .service-item{
            float:left;
            width:30%;
            margin:0 1.5%;
        }

        #services .service-item .item-info{
            float:left;
            position:relative;
            border:1px solid #cecece;
            width:96%;
            padding:8px 2%;
            margin-top:12px;
            text-align:center;
        }

        #services .service-item .item-info .triangle-up{
            border-color:transparent transparent #cecece transparent;
        }

        #services .service-item .item-info .triangle-up:before{
            content:"";
            position:absolute;
            top:1px;
            left:-6px;
            z-index:-10;
            width: 0px;
            height: 0px;
            border-style: inset inset solid inset;
            border-width: 0 6px 7px 6px;
            border-color:transparent transparent #E8E8E8 transparent;
        }

        #services .service-item .item-info .title{
            font-size:15pt;
            margin-bottom:8px;
        }

        #services .service-item .item-info a{
            display:inline-block;
            background-color:#cecece;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            color:#747474;
            padding:8px 12px;
            margin-top:15px;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
        }

        #services .service-item .item-info a:hover{
            background-color:#69b297;
            color:#fff;
            text-decoration:none;
        }

        #services .one-third{
            padding:15px 0;
        }

        #services .service-item .icon-services, #services .one-third .icon-services{
            float:left;
            position:relative;
            display:block;
            width:85px;
            height:85px;
            border-radius:50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            text-align:center;
            line-height:17px;
            font-size:17pt;
        }

        #services .service-item .icon-services{
            left:50%;
            margin-left:-42px;
        }

        #services .one-third .icon-services{
            margin-right:15px;
        }

        .check{
            width:58px;
            height:58px;
            background:url('/imgs/icons/icon_check_58.png') no-repeat;
            margin:12px 0 0 14px;
            opacity:0.7;
        }

        .hand{
            width:58px;
            height:58px;
            background:url('/imgs/icons/icon_hand_58.png') no-repeat;
            margin:12px 0 0 14px;
            opacity:0.7;
        }

        .screen{
            width:58px;
            height:58px;
            background:url('/imgs/icons/icon_screen_58.png') no-repeat;
            margin:12px 0 0 14px;
            opacity:0.7;
        }

        .briefcase{
            width:58px;
            height:58px;
            background:url('/imgs/icons/icon_briefcase_58.png') no-repeat;
            margin:12px 0 0 14px;
            opacity:0.7;
        }

        .brush{
            width:58px;
            height:58px;
            background:url('/imgs/icons/icon_brush_58.png') no-repeat;
            margin:12px 0 0 14px;
            opacity:0.7;
        }

        .title-list{
            font-size:15pt;
            margin-bottom:25px;
        }

        .list-style{
            float:left;
            width:200px;
        }

        .list-style li{
            margin-bottom: 10px;
        }

        .list-style li span{
            margin-right:0px;
        }

        #whychoose{
            margin-bottom:40px;
        }

        .list-style3{
            width:100%;
            display:inline-block;
        }

        .list-style3 li{
            float:left;
            width:100%;
            margin-bottom: 5px;
            margin-top:15px;
        }

        .list-style3 li .middle{
            display:table-cell;
            vertical-align:middle;
            width:100%;
            height:38px;
        }

        .list-style3 li .middle .txt-highlight-color{
            font-style:italic;
            font-weight:700;
        }

        .list-icon{
            float:left;
            width:38px;
            height:38px;
            margin-right:18px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
            -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
            box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
        }

        .icon24x24-1{
            float:left;
            width:24px;
            height:24px;
            background:url('/imgs/icons/icons_24x24.png') no-repeat 0 0;
            margin:7px 0 0 7px;
        }

        .icon24x24-2{
            float:left;
            width:24px;
            height:24px;
            background:url('/imgs/icons/icons_24x24.png') no-repeat -24px 0px;
            margin:7px 0 0 7px;
        }

        .icon24x24-3{
            float:left;
            width:24px;
            height:24px;
            background:url('/imgs/icons/icons_24x24.png') no-repeat -48px 0;
            margin:7px 0 0 7px;
        }

        .icon24x24-4{
            float:left;
            width:24px;
            height:24px;
            background:url('/imgs/icons/icons_24x24.png') no-repeat 0 -24px;
            margin:7px 0 0 7px;
        }

        .icon24x24-5{
            float:left;
            width:24px;
            height:24px;
            background:url('/imgs/icons/icons_24x24.png') no-repeat -24px -24px;
            margin:7px 0 0 7px;
        }

        .icon24x24-6{
            float:left;
            width:24px;
            height:24px;
            background:url('/imgs/icons/icons_24x24.png') no-repeat -48px -24px;
            margin:7px 0 0 7px;
        }

        .icon24x24-7{
            float:left;
            width:24px;
            height:24px;
            background:url('/imgs/icons/icons_24x24.png') no-repeat 0 -48px;
            margin:7px 0 0 7px;
        }

        .icon24x24-8{
            float:left;
            width:24px;
            height:24px;
            background:url('/imgs/icons/icons_24x24.png') no-repeat -24px -48px;
            margin:7px 0 0 7px;
        }

        /*HOMEPAGE 3 Styles*/
        #team{
            margin-bottom:40px;
        }

        #team-slider .slides > li{
            margin: 0 20px 0 0; padding:0; background:none;
            width: 220px;
            height: 457px;
            overflow:hidden;
            position:relative;
            cursor:pointer;
            -webkit-transition: border-bottom 300ms;
            -moz-transition: border-bottom 300ms;
            -o-transition: border-bottom 300ms;
            transition: border-bottom 300ms;
        }

        #team-slider .slides > li .team-img-holder-top{
            position:relative;
            border-bottom-width:7px;
            border-bottom-style:solid;
        }

        #team-slider .slides > li .team-img-holder-bottom{
            position:relative;
            border-top-width:7px;
            border-top-style:solid;
        }

        #team-slider .slides > li .triangle-up {
            top:-13px;
        }

        #team-slider .slides > li .triangle-down {
            top:auto;
            bottom:-13px !important;
        }

        #team-slider .slides > li:hover  {

        }

        #team-slider .slides > li img{
            width:100%;
            max-height:220px;
        }

        #team-slider .slides > li .item-info{
            width:92%;
            height:180px;
            padding:20px 4%;
            overflow:hidden;
        }

        #team-slider .slides > li .item-info.top{
            margin-bottom:13px;
        }

        #team-slider .slides > li .item-info.bottom{
            margin-top:13px;
        }

        #team-slider .slides > li .item-title span{
            width:80%;
            margin:0 auto 7px;
            font-weight:300;
            font-size:17pt;
        }

        #team-slider .slides > li .item-title i{
            font-style:italic;
            font-size:12pt;
            margin:5px 0 20px;
            display:block;
        }

        #team-slider .slides > li .item-desc{

        }

        .recruit-bg{
            width:100%;
            background-color:#f1f1f1;
            padding-top:40px;
            margin-bottom:40px; font-size:1.2em; line-height:1.4em; color:#555555;
        }

        .recruit-box{
            position:relative;
            margin-bottom:40px;
        }

        .recruit-box .title{
            position:relative;
            padding:20px 2%;
            display:inline-block;
            width:35%;
            font-size:26pt; line-height: 27pt;
            font-weight:300;
        }

        .recruit-box .title strong{
            font-weight:700;
        }

        .recruit-box .title .question{
            font-size:56pt;
            margin:-40px 0 0 3px;
            display:inline-block;
            position:relative;
        }

        .recruit-box .text{
            float:right;
            margin-top:20px;
            padding-right:75px;
            width:50%;
        }

        .recruit-box .plus-big{
            position:absolute;
            right:16px;
            top:50%;
            margin-top:-20px;
        }

        .recruit-box .triangle-down{
            display:none;
        }

        .magnifier{
            float:left;
            width:46px;
            height:46px;
            background:url('/imgs/icons/icon_magnifier.png') no-repeat;
            margin:8px 8px 0 2px;
        }


    /* FOOTER ---------------------------- */

    #footer{
        float:left;
        position: relative;
        width:100%;
        background-color:#0d4965; color: #fff;
        padding:30px 0 0 0;
        font-size: 1.2em;
        line-height: 1.3em;
    }

    #footer a, #footer a:visited {
        color: #fff; text-decoration: underline;
    }

    #footer p {
        margin-bottom: .7em;
    }

   /* #footer:before {
        position: absolute;
        width: 96%;
        height: 20px;
        left: 2%;
        border-radius: 47%;
        z-index: -1;
        top: 14px;
        content: "";
        box-shadow:0 -10px 16px rgba(0, 0, 0, 0.7);
        min-width:300px;
    }*/

    .footer-section-title{
        font-size:15pt;
        font-weight:400;
        border-bottom:1px solid #cecece;
        margin-bottom:19px;
        height:30px;
        line-height:28px;
    }

    .close-btn{
        display:none;
        background-image:url('/imgs/btn_left_arrow_white.png');
        background-repeat:no-repeat;
        background-position:6px 5px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-left:10px;
        cursor:pointer;
        -webkit-transition:all 500ms;
        -o-transition: all 500ms;
        -moz-transition:all 500ms;
        transition:all 500ms;
    }

    .close-btn-clicked{
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .last-post-item{
        float:left;
        width:100%;
        line-height:12pt;
        margin-bottom:14px;
        padding-bottom:12px;
        border-bottom:1px solid #cecece;
    }

    .last-post-item:last-child{
        border-bottom-width: 0;
    }

    .last-post-img{
        position:relative;
    }

    .last-post-item img{
        float:left;
        width:38%; height: auto;
        margin-left:2%;
    }

    .last-post-item .bg-color{
        position:absolute;
        top:-5px;
        left:0;
        padding:3px 4px;
        text-align:center;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .last-post-item .text{
        float:right;
        width:53%;
    }

    .last-post-item .title{
        float:left;
        width:100%;
        font-weight:700;
        font-size:15pt; line-height:18pt;
        margin-bottom:15px;
    }

    .last-post-item span{
        float:left;
        width:100%;
    }

    .last-post-item span.comments{
        float:left;
        width:100%;
        font-size:9pt;
        font-style:italic;
        color:#b9b9b9;
        margin-top:5px;
    }

    #twitter-box{
        margin-bottom:8px;
    }

    /** Style the tweets */
        #twitter-box ul {
          list-style: none;
          padding: 0;
        }

        #twitter-box ul, #twitter-box li{
            width:100%;
            float:left;
        }

        #twitter-box li{
            padding-bottom:20px;
            border-bottom:1px solid #cecece;
            margin-bottom:15px;
        }

        #twitter-box li:last-child{
            border-bottom:none;
        }

        #twitter-box ul li > img{
            float:left;
        }

        #twitter-box ul li > div{
            width:90%;
            float:right;
            line-height:12pt;
        }

        #twitter-box a.time {
          font-style: italic;
          color: #b9b9b9;
        }


    #newsletter-txt{
        float:left;
        width:100%;
        margin-top:10px;
    }

    #newsletter-input{
        float:left;
        width:236px;
        margin-right:5px;
    }

    .ie #newsletter-input{
        width:232px;
    }

    .newsletter{
        float:left;
        width:27px;
        height:31px;
        background:url('/imgs/icons/newsletter_icon.png') no-repeat;
    }

    #newsletter-status{
        font-weight:700;
        margin-bottom:15px;
        float:left;
    }

    .footer-divider{
        position:relative;
        float:left;
        width:100%;
        height:1px;
        margin:30px 0 10px 0;
        border-top:1px solid #cecece;
    }

    .footer-divider .triangle-up{
        border-color:transparent transparent #cecece transparent;
    }

    .footer-divider .triangle-up:before{
        content:"";
        position:absolute;
        top:1px;
        left:-6px;
        z-index:-10;
        width: 0px;
        height: 0px;
        border-style: inset inset solid inset;
        border-width: 0 6px 7px 6px;
        border-color:transparent transparent #FAFAFA transparent;
    }

    #copyright{
        font-size:8pt;
        margin:5px 0 18px;
    }

    #sn-icons a{
        float:left;
        margin-left:8px;
        width:25px;
        height:25px;
        overflow:hidden;

    }

    #sn-icons a img{
        -webkit-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
        -moz-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
        -ms-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
        -o-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
        transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);


    }

    #sn-icons a img:hover{
        margin-top: -25px;
    }


/* #Page Styles
================================================== */
    #header{
        position:relative;
        /*float:left;*/
        width:100%;
        /*min-height:100px;*/
        clear:both;
         padding: 60px 0 15px 0; background:url('../images/background-header.jpg') no-repeat 0 0;
    }

    .spacer{
        margin-top:20px !important;
        margin-bottom:20px !important;
    }

    .spacer-bottom{
        margin-bottom:40px !important;
    }

    .img-border{
        border-bottom-width:9px;
        border-bottom-style:solid;
        width:100%;
    }

    /* ABOUT --------------------------------- */
        #page-title{
            display: none; clear:both;
            width:100%;
            font-size:22pt;
            line-height:32px;
            background-color:#da6027; padding:15px 0; color: #fff;
            font-weight:300; margin-bottom: 15px;
        }
        #page-title span {
            font-size:17pt;
            line-height:25px;
        }

        .img-full-width-container {
            margin-bottom: 30px; /* padding: 15px 0; background-color: #da6027; */
        }
        .img-full-width {
            border: 0;
            width:100%;
        }

        #whoweare{
            margin-bottom:40px;
        }


    /* TABS & ACCORDIONS ---------------------------- */
        .accordion, .faq{
            margin-bottom:40px !important;
        }
        .accordion::after, .faq::after {
            content: " "; display: table; clear: both;
        }

        .accordion > div, .faq > div{
            position:relative;
            float:left;
            border-top:1px solid #cecece;
            padding:16px 0;
            width:100%;
        }

        .accordion > div:last-child, .faq  > div:last-child{
            border-bottom:1px solid #cecece;
        }

        .accordion h5, .faq h5{
            float:left;  color: #0d4965; cursor:pointer;
            text-transform:uppercase;
            width:81%; font-size: 1.2em; font-weight:bold; margin:0; padding:0 0 0 50px; position: relative; z-index: 2;
        }
        .accordion h5.txt-highlight-color, .faq h5.txt-highlight-color {
            color: #da6027;
        }


        .accordion > div > div, .faq > div > div{
            float:left;
            margin-top:30px; margin-left:50px;
        }

        .accordion > div > div.line-height, .faq > div > div.line-height{
            float:none; margin:0; clear:both;
            padding-top:1em; padding-left:50px;
        }

        .accordion .plus-medium, .faq .plus-medium{
            position:absolute;
            top:-18px;
            left:-45px;
            margin-right:3px; z-index: 1;
        }

        .accordion > div:hover .plus-medium, .faq > div:hover .plus-medium{
            opacity:1;
            filter:alpha(opacity=100);
        }

        .faq .plus-medium{

        }

        .accordion .line-height, .faq .line-height {
            line-height:1.4em
        }

        .accordion.accordion-sans-bordures > div {
            border-top:none;
        }
        .accordion.accordion-sans-bordures > div:last-child {
            border:none;
        }
        .accordion.accordion-sans-bordures h5.txt-highlight-color, .faq h5.txt-highlight-color {
            color: #0d4965;
        }

        .vertical-tabs {
            float:left;
            border:1px solid #cecece;
            width:100%;
            border-radius: 3px;
            -moz-border-radius: 3px;
            margin-bottom:40px !important;
            background-color: #efefef;
        }

        .vertical-tabs .line-height, .horizontal-tabs .line-height {
            line-height:1.4em;
        }

        .vertical-tabs > ul{
            float: left;
            width:30%;
            display: block;
            padding: 0;
            position: relative;
            background-color: #e8e8e8;
        }

        .vertical-tabs > ul > li {
            width:88%;
            list-style-type: none;
            display: block;
            padding: 20px 6% 15px;
            position: relative;
            cursor:pointer;
            font-size:11pt;
            text-transform:uppercase;
            border-top:1px solid #efefef !important;
            border-bottom:5px solid #E8E8E8;
            -webkit-transition: all 300ms;
            -moz-transition: all 300ms;
            -o-transition: all 300ms;
            transition: all 300ms;
        }

        .vertical-tabs > ul > li:last-child {
            margin-bottom:0px;
        }

        .vertical-tabs > ul > li:hover {
            text-decoration:underline;
        }

        .vertical-tabs > ul > li.selected {
            background-color: #efefef;
            border-bottom:5px solid #69b297;
        }

        .vertical-tabs > div {
            width:66%;
            min-height:100%;
            padding:2%;
            position: relative;
            display:none;
            background-color: #efefef;
            float:right;
        }

        .vertical-tabs > div img{
            float:left;
            margin-right:20px;
            margin-bottom:20px;
            max-width:100%;
        }

        .vertical-tabs > div .title{
            font-size:15pt;
            font-weight:700;
            margin-bottom:30px;
        }

        .horizontal-tabs {
            float:left;
            border:1px solid #cecece;
            width:100%;
            border-radius: 3px;
            -moz-border-radius: 3px;
            margin-right:9px !important;
            margin-left:9px !important;
            margin-bottom:40px !important;
            background-color: #efefef;
        }

        .horizontal-tabs > ul{
            float: left;
            width:100%;
            display: block;
            margin: auto 0 !important;
            padding: 0 !important;
            position: relative;
            background-color: #e8e8e8;
        }

        .horizontal-tabs > ul > li {
            float:left; background: none !important;
            list-style-type: none;
            display: inline;
            margin: auto !important;
            padding: 10px 15px !important;
            position: relative;
            cursor:pointer;
            font-size:12pt;
            text-transform:uppercase;
            border-left:1px solid #efefef;
            -webkit-transition: all 300ms;
            -moz-transition: all 300ms;
            -o-transition: all 300ms;
            transition: all 300ms;
        }

        .horizontal-tabs > ul > li:last-child {
            margin-bottom:0px;
        }

        .horizontal-tabs > ul > li:hover {
            text-decoration:underline;
        }

        .horizontal-tabs > ul > li.selected {
            background-color: #efefef !important;
        }

        .horizontal-tabs > div {
            float:left;
            padding:25px 14px 3em 14px;
            position: relative;
            display:none;
        }
        .is-cms .horizontal-tabs > div {
            display:block;
        }

        .horizontal-tabs > div img{
            float:right;
            margin-left:20px;
            margin-bottom:20px;
            max-width:100%;
        }

        .horizontal-tabs > div .title{
            font-size:26pt;
            margin-bottom:25px;
            border-bottom:1px solid #cecece;
            width:100%;
            float:left;
            padding-bottom:15px;
            font-weight:300;
        }

    /* PRICING TABLES ---------------------------- */
        #contenu  .vertical-pricing-item{
            position:relative;
            margin:0 0 40px 0 !important;
            padding:9px 9px 18px;
            border:1px solid #cecece;
        }


        #contenu .vertical-pricing-item li{
            width:100%; background: none;
            padding:4px 0;
            position:relative;
            clear:both;
            line-height:25px;
        }

        #contenu .vertical-pricing-item  li.title{
            background-color:#fafafa;
            font-size:19pt;
            font-weight:300;
            text-align:center;
            height:38px;
            line-height:38px;
        }

        #contenu .vertical-pricing-item  li.price{
            font-size:14pt;
            background-color:#F5F5F5;
            height:60px;
            line-height:60px;
            text-align:center;
        }

        #contenu .vertical-pricing-item  li.price strong{
            font-size:20pt;
            font-weight:700;
            position: relative;
            top: -3px;
        }

        #contenu .vertical-pricing-item  li.price strong.exact{
            font-size:29pt;
            font-weight:700;
            position: relative;
            top: 0;
        }

        #contenu .vertical-pricing-item  li.price sup{
            position: relative;
            top: -13px;
            font-size: 14pt;
            font-weight: 700;
        }

        #contenu .vertical-pricing-item  li.price em{
            font-size: 12pt;
            color:#b9b9b9;
        }

        #contenu .vertical-pricing-item  li.price .triangle-down{
            border-top-color:#F5F5F5;
        }

        #contenu .vertical-pricing-item  li.desc{
            border:none;
            line-height:12pt;
            padding-top:20px;
            padding-bottom:20px;
            text-align:center;
        }

        #contenu .vertical-pricing-item  li.desc em{
            font-weight:700;
        }

        #contenu .vertical-pricing-item  li img{
            float:left;
            margin-right:15px;
        }

        #contenu .vertical-pricing-item  li.enable{
            background-color:#EDEDED;
            -webkit-transition: all 250ms;
            -moz-transition: all 250ms;
            -o-transition: all 250ms;
            transition: all 250ms;
        }

        #contenu .vertical-pricing-item  li.disable{
            color:#b9b9b9;
        }

        #contenu .vertical-pricing-item  li.enable, .vertical-pricing-item  li.disable{
            width:92%;
            margin-bottom:2px;
            padding:10px 4%;
        }

        #contenu .vertical-pricing-item  li.disable img{
            opacity:0.2;
            filter:alpha(opacity=20);
        }

        #contenu .vertical-pricing-item  li.pricing-btn {
            text-align:center;
            padding-top:14px;
        }

        .vertical-pricing-item,
        .vertical-pricing-item li.title,
        .vertical-pricing-item li.price,
        .vertical-pricing-item li.price em,
        .vertical-pricing-item li.price .triangle-down,
        .vertical-pricing-item li.enable{
            -webkit-transition: all 300ms !important;
            -moz-transition: all 300ms !important;
            -o-transition: all 300ms !important;
            transition: all 300ms !important;
        }

        #contenu .vertical-pricing-item:hover{
            background-color:#EFEFEF;
            -moz-box-shadow: 0 0 10px #bfbfbf;
            -webkit-box-shadow: 0 0 10px #bfbfbf;
            box-shadow: 0 0 10px #bfbfbf;
        }

        #contenu .vertical-pricing-item:hover  li.title{
            color:#ffffff;
            background-color:#69b297;
            opacity:0.8;
            filter:alpha(opacity=80);
        }

        #contenu .vertical-pricing-item:hover  li.price{
            color:#ffffff;
            background-color:#69b297;
        }

        #contenu .vertical-pricing-item:hover  li.price em{
            color:#ffffff;
        }

        #contenu .vertical-pricing-item:hover li.price .triangle-down{
            border-top-color:#69b297;
        }

        #contenu .vertical-pricing-item:hover li.enable{
            background-color:#F5F5F5;
        }

        /* Packages Slider ------- */
        #packages{
            margin-bottom:40px; margin-top: 2em;
        }

        #packages-slider .slides > li {
            margin: 0 1px;
            width: 233px;
            overflow:hidden;
            position:relative;
            cursor:pointer;
        }

        #packages-slider .slides > li .pack-wrap{
            width:100%;
            max-height:233px;
            position:relative;
            overflow:hidden;
        }

        #packages-slider .slides > li img{
            width:100%;
            max-height:233px;
        }

        #packages-slider .slides > li .item-info{
            height:100%; padding:80px 10%;
            width:80%;
            margin:0 auto;
            text-align:left;
            position:absolute;
            top:100%;
            left:0;
            background-color:rgba(255,255,255,0.8);
            overflow:hidden;
            font-size:14pt; line-height:16pt;
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
        }
        #packages-slider .slides > li .item-info a{
            font-size:10pt; line-height:12pt; display:block; margin:0 0 5px 0;
        }

        #packages-slider .slides > li .item-info .bg-color{
            width:47px;
            height:47px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            display:inline-block;
            margin:70px auto 9px;
        }

        #packages-slider .slides > li .item-info .bg-color .shoppingcart{
            margin:10px;
        }

        #packages-slider .slides > li .pack-bottom-info{
            position:relative;
            width:100%; padding:10px;
            min-height:77px;
            background-color:#F1F1F1;
            border-top-width:6px;
            border-top-style:solid;
        }

        #packages-slider .slides > li .pack-bottom-info .triangle-up{
            top:-12px;
        }

        #packages-slider .slides > li .item-title{
            width:90%;
            padding:0; font-size: 12pt;
    line-height: 14px;
        }

        #packages-slider .slides > li .item-title span.txt-highlight-color {
            font-size:12pt;
            text-transform:uppercase;
            line-height:14px;
        }
        #packages-slider .slides > li .item-title span {
            display:block; margin:0 0 5px 0;
        }

        #packages-slider .slides > li .item-price{
            float:right;
            width:90px;
            text-align:center;
            padding-top:20px;
            font-size:29pt;
            font-weight:700;
        }

        #packages-slider .slides > li .item-price strong{
            font-size:20pt;
            font-weight:700;
            position: relative;
            top: -3px;
        }

        .horizontal-pricing{
            position:relative;
            float:left;
            margin:0;
            width:96%;
            border:1px solid #cecece; background-color:#EFEFEF;
            padding:15px;
            -webkit-transition: all 250ms;
            -moz-transition: all 250ms;
            -o-transition: all 250ms;
            transition: all 250ms;
        }

        /*.horizontal-pricing:hover{
            background-color:#EFEFEF;
        }*/

        .horizontal-pricing .item-title {
            float:left; position: relative;
            width:20%;
            /*height:30px;*/
            line-height:25px;
            padding:10px 20px;
            font-size:13pt;
            font-weight:700;
            text-align:center; background-color: #da6027;
        }
        @media only screen and (max-width : 965px) {
            .horizontal-pricing .item-title {
                 float: none; text-align: center; width: auto; margin-bottom: 9px;
            }
        }
        .horizontal-pricing .item-title::after {
            border-color: transparent transparent transparent #da6027;
            border-style: inset inset inset solid;
            border-width: 6px 0 6px 7px;
            content: "";
            height: 0;
            margin-top: -7px;
            position: absolute;
            right: -7px;
            top: 50%;
            width: 0;
            z-index: 10;
        }
        @media only screen and (max-width : 965px) {
            .horizontal-pricing .item-title::after {
                 display: none;
            }
        }

        .horizontal-pricing .item-price{
            float:left;
            position:relative;
            width:80px;
            height:74px;
            line-height:74px;
            text-align:center;
            font-size:29pt;
            font-weight:700;
        }

        .horizontal-pricing .item-price strong{
            font-size:20pt;
            font-weight:700;
            position: relative;
            top: -3px;
        }

        @media only screen and (max-width : 965px) {
            #contenu .horizontal-pricing ul{
                 clear: both;
            }
        }


        #contenu .horizontal-pricing ul{
            /*float:left;
            margin-left:25px;
            width:70%;*/
        }

        #contenu .horizontal-pricing li {
            float:left; background: none; padding:0; text-align: left;
            width:32%; margin:9px 0 9px 4%;
            line-height:25px;
        }
        #contenu .horizontal-pricing.tableau-4-colonnes li {
            width:20%;
        }
        @media only screen and (max-width : 965px) {
            #contenu .horizontal-pricing li, #contenu .horizontal-pricing.tableau-4-colonnes li {
                 width:100%; margin:9px 0 9px 0; text-align: center;
            }
        }
        #contenu .horizontal-pricing li.heure {
            width:24%;
        }

        .horizontal-pricing li img{
            float:left;
            margin-right:5px;display: none;
        }
        @media only screen and (max-width : 965px) {
            .horizontal-pricing li img{
                 display: none;
            }
        }

        .horizontal-pricing .button{
            margin-top:22px;
        }

        .shoppingcart{
            float:left;
            width:25px;
            height:30px;
            background:url('/imgs/icons/shoppingcart_icon.png') no-repeat;
            margin:0px 5px;
            opacity:0.7;
        }

    /* 404 ERROR ---------------------------- */
        #e404{
            position:relative;
            float:left;
            font-size:150pt;
            font-weight:900;
            color:#AEAEAE;
            margin-bottom:60px;
            margin-top:92px;
        }

        #icon404{
            float:left;
            margin-top:120px;
            margin-left:14px;
            max-width:29%;
        }

        #e404:after{
            content:"ERROR";
            position:absolute;
            right:0px;
            bottom:-8px;
            font-size:20pt;
            font-weight:700;
            color:#AEAEAE;
        }

        #pagenotfound{
            position:relative;
            background-color:#efefef;
            padding:20px 7%;
            width:86%;
            margin:120px 0;
            text-align:center;
        }

        #pagenotfound-title{
            font-size:20pt;
            margin-bottom:23px;
        }

        #pagenotfound-txt{
            font-size:12pt;
        }

        #pagenotfound .triangle-left{
            border-color:transparent #efefef transparent transparent;
        }

    /* SITEMAP ---------------------------- */
        .sitemap{
            margin-bottom:40px;
            float:left;
        }

        .sitemap a:before{
            content:"\00BB \0020";
        }

        .sitemap > li{
            float:left;
            width:100%;
        }

        .sitemap > li > a{
            float:left;
            clear:left;
            font-size:12pt;
            font-weight:700;
            margin-bottom:11px;
        }

        .sitemap > li > ul{
            float:left;
            width:90%;
            padding:5%;
            margin-bottom:20px;
            background-color:#efefef;
        }

        .sitemap > li ul a{
            float:left;
            clear:left;
            margin-bottom:10px;
            color:#747474;
        }

        .sitemap > li > ul > a:last-child{
            margin-bottom:0;
        }


        .sitemap > li > ul > li ul{
            float:left;
            width:90%;
            padding:0 5%;
        }

    /* SEARCH RESULTS ---------------------------- */
        .searchResultsNum{
            font-style:italic;
            padding:40px 0;
            border-bottom:1px solid #cecece;
        }

        .searchResultsNum span, .searchResult span{
            text-decoration:underline;
        }

        .searchResult{
            padding:30px 0;
            /*border-bottom:1px solid #cecece;*/
        }
        #contenu .searchResult p:last-child {margin:0;}

        .searchResult h4{
            text-transform:uppercase;
            font-size:10pt;
            font-weight:700;
            margin-bottom:20px;
        }

        .pages{
            text-align:center;
            font-size:11pt;
            margin:15px 0 40px;
            float:left;
            width:100%;
        }

        .pages a{
            color:#b9b9b9;
        }

        .pages a:hover{
            color:#747474;
        }

        .page-next, .page-prev {
            display:inline-block;
            position:relative;
            top:4px;
            width:18px;
            height:18px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            background-color:#cecece;
            background-repeat:no-repeat;
            background-position:6px 5px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

        .page-next {
            background-image:url('/imgs/btn_right_arrow_white.png');
            margin-left:15px;
        }

        .page-prev {
            background-image:url('/imgs/btn_left_arrow_white.png');
            margin-right:15px;
        }

        .page-next:hover, .page-prev:hover{
            background-color:#69b297;
        }

    /* CONTACTS ---------------------------- */
        #map-canvas{
            width:100%;
            height:358px;
            overflow:hidden; margin-bottom: 25px;
            /*border-style:solid;
            border-bottom-width:8px;
            margin-bottom:40px;*/
        }

        .map-address{
            width:210px;
            height:50px;
        }

        .input-full-width{
            padding:0 2% !important;
            width:96% !important;
        }

        #msg-status{
            font-weight:700;
            margin:15px 0;
            display:block;
        }

        #msg-status .error{
            color:#d12323;
        }

        .form-controls{
            float:left;
            margin:20px 0 40px;
            min-height:38px;
            color:#8d8d8d;
            line-height:38px;
        }

        .form-controls .button{
            margin-right:12px;
        }

        #contacts{
            margin-bottom:40px;
        }

        .contact-info{
            float:left;
            margin-top:10px;
            width:100%; line-height: 1.3em;
        }

        .contact-icon{
            float:left;
            width:40px;
            height:40px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        .address{
            float:left;
            width:20px;
            height:21px;
            background:url('/imgs/icons/address_icon.png') no-repeat;
            margin:9px 0 0 10px;
        }

        .phone{
            float:left;
            width:20px;
            height:21px;
            background:url('/imgs/icons/phone_icon.png') no-repeat;
            margin:9px 0 0 10px;
        }

        .mail{
            float:left;
            width:20px;
            height:21px;
            background:url('/imgs/icons/mail_icon.png') no-repeat;
            margin:9px 0 0 10px;
        }

        .contact-info-txt{
            float:left;
            position:relative;
            padding:14px 6px;
            background-color:#f1f1f1;
            margin-left:10px;
            width:85%;
        }

        .contact-info-txt:before{
            content:"";
            position:absolute;
            top:14px;
            left:-6px;
            z-index:10;
            width: 0px;
            height: 0px;
            border-style: solid solid outset solid;
            border-width: 6px 6px 6px 0;
            border-color: transparent #f1f1f1 transparent transparent;
        }

        .contact-info-txt a{
            color:#747474;
        }


    /* BLOG ---------------------------- */
        .post{
            margin-bottom:60px !important;
            width:100%;
            float:left;
        }

        .post-img{
            display:block;
            position:relative;
            border-bottom-style:solid;
            border-bottom-width:8px;
        }

        .post-img img{
            display:block;
            width:100%;
        }

        .post-img .bg-color{
            position:absolute;
            top:-5px;
            left:-5px;
            padding:2px 5px 5px;
            text-align:center;
            font-size:18pt;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }

        .post h4, .post h5{
            font-size:17pt;
            font-weight:700;
            margin:15px 0;
        }

        .post h5{
            font-size:13pt;
        }

        .post h2{
            font-size:21pt;
            font-weight:300;
            margin-top:50px;
            margin-bottom:30px;
            display:inline-block;
        }

        .post .txt{
            font-style:italic;
            text-align:justify;
            margin:15px 0;
        }

        .post .info{
            width:100%;
            line-height:27px;
            border-top:1px solid #cecece;
            border-bottom:1px solid #cecece;
            color:#b9b9b9;
            float:left;
            padding:10px 0;
        }

        .post .info a{
            color:#b9b9b9;
        }

        .post .info div{
            display:inline-block;
            margin-right:20px;
        }

        .post .info img{
            float:left;
            margin-right:5px;
        }

        .sn-share {
            float:left;
            margin-top:20px;
            margin-bottom:80px;
            background-color:#efefef;
            border:1px solid #cecece;
            width:94%;
            padding:9px 3%;
        }

        .sn-share .txt-highlight-color{
            float:left;
            font-size:12pt;
            margin-right:10px;
        }

        .sn-share .twitter-share,
        .sn-share .gplus-share,
        .sn-share .pinterest-share,
        .sn-share .fb-share{
            float:left;
        }

        .sn-share .fb-share{
            margin-left:30px;
        }

        .post3 h5{
            margin-top:0px;
        }

        .post3 .info{
            margin-top:20px;
        }

        .blog-ul {
            float:left;
            margin-bottom:40px;
            font-size:10pt;
        }

        .blog-ul a:before{
            content:"\00BB \0020";
        }

        .blog-ul > li{
            float:left;
            width:100%;
        }

        .blog-ul > li a{
            float:left;
            clear:left;
            margin-bottom:5px;
        }

        .blog-ul > li a:not(.txt-highlight-color){
            color:#747474;
        }

        .blog-ul > li > ul{
            float:left;
            width:95%;
            padding-left:5%;
        }

        .tags{
            margin-bottom:40px;
            width:100%;
            clear:both;
        }

        .tags a{
            background-color:#efefef;
            padding:7px;
            color:#747474;
            display:inline-block;
            margin-bottom:2px;
        }

        #blog-content .pages{
            margin:40px 0;
            padding-top:10px;
            border-top:1px solid #cecece;
        }

        .post .txt-single{
            text-align:justify;
            margin:15px 0;
            display:inline-block;
        }

        .post-quote{
            position:relative;
            width:82%;
            margin:40px 0 40px 9%;
            font-size:19pt;
            line-height:19pt;
            font-weight:300;
            text-align:center;
        }

        .post-quote:before, .post-quote:after{
            position:absolute;
            font-size:48pt;
            color:#ACACAC;
            font-weight:700;
        }

        .post-quote:before{
            content: "\201C";
            top:17px;
            left:-40px;
        }

        .post-quote:after{
            content: "\201D";
            bottom:-18px;
            right:-40px;
        }

        .post-inner-img{
            margin-top:5px;
            margin-bottom:5px;
        }

        .post-inner-img.right{
            margin-left:20px;
        }

        .post-inner-img.left{
            margin-right:20px;
        }

        .highlight{
            padding:25px 5%;
            width:78%;
            margin:40px 6%;
            background-color:#f1f1f1;
            border-style:solid;
            border-left-width:5px;
            font-size:12pt;
            font-style:italic;
            font-weight:700;
        }

        .comments-wrap{
            margin-bottom:20px;
            display:inline-block;
        }

        .show-all, .show-all-reps{
            float:right;
            font-size:10pt;
            font-weight:400;
            text-transform:none;
            cursor:pointer;
        }

        .comments-wrap > ul{
            display:inline-block;
            width:100%;
        }

        .comments-wrap ul li{
            width:100%;
            float:left;
        }

        .comments-wrap ul img{
            border:2px solid #fff;
            width:12%;
            margin-left:2%;
        }

        .comments-wrap ul > li > ul{
            float:left;
            width:84%;
            padding-left:16%;
        }

        .comments-wrap ul > li:nth-child(n+3) {
            display:none;
        }

        .comments-wrap ul > li ul{
            display:none;
        }

        .comment{
            float:right;
            position:relative;
            width:78%;
            padding:10px 2%;
            background-color:#f1f1f1;
            margin-bottom:20px;
        }

        .comment:before{
            content:"";
            position:absolute;
            top:14px;
            left:-6px;
            z-index:10;
            width: 0px;
            height: 0px;
            border-style: solid solid outset solid;
            border-width: 6px 6px 6px 0;
            border-color: transparent #f1f1f1 transparent transparent;
        }

        .comment h4{
            font-size:11pt;
            font-weight:700;
        }

        .comment-info{
            width:100%;
            padding:6px 0;
            border-bottom:1px solid #cecece;
            font-size:10pt;
            margin-bottom:8px;
        }


    /* PORTFOLIO ---------------------------- */
        .portfolio-header{
            margin-top:55px !important;
            margin-bottom:16px !important;
            padding-bottom:8px;
            border-bottom:1px solid #cecece;
            font-size:10pt;
            display:inline-block;
            width:100%;
        }

        .portfolio-menu{
            float:left;
        }

        .portfolio-menu a:not(.txt-highlight-color){
            color:#747474;
        }

        .portfolio-menu a.txt-highlight-color{
            text-decoration:line-through;
        }

        .portfolio-menu span{
            display:inline-block;
            position:relative;
            top:-3px;
            margin:0 5px;
        }

        .portfolio-header .pages{
            width:auto;
            float:right;
            margin:-8px 0 0;
        }

        .portfolio-header .pages .page-prev{
            margin-right:5px;
        }

        .portfolio-header .pages .page-next{
            margin-left:5px;
        }

        .portf-pages{
            margin:22px 0;
            padding-top:10px;
            border-top:1px solid #cecece;
        }

        .portfolio-item{
            position:relative;
            border-bottom:8px solid #4b4b4b;
            margin-bottom:18px !important;
            overflow:hidden;
            -webkit-transition: all 300ms !important;
            -moz-transition: all 300ms !important;
            -o-transition: all 300ms !important;
            transition: all 300ms !important;
        }

        .portfolio-item:hover{
            border-bottom:8px solid #69b297;
        }

        .portfolio-item .triangle-up, .portfolio-item .triangle-down{
            top:auto;
            bottom:-1px;
            border-bottom-color:#4b4b4b;
            -webkit-transition: all 300ms;
            -moz-transition: all 300ms;
            -o-transition: all 300ms;
            transition: all 300ms;
        }

        .portfolio-item .triangle-down{
            top:auto;
            bottom:-14px;
            border-top-color:#4b4b4b;
        }

        .portfolio-item:hover .triangle-up, .portfolio-item:hover .triangle-down{
            border-bottom-color:#69b297;
            border-top-color:#69b297;
        }

        .portfolio-item img{
            width:100%;
            display:block;
        }

        .portfolio-item .item-info{
            height:100%;
            width:100%;
            padding:0;
            margin:0 auto;
            text-align:center;
            position:absolute;
            top:100%;
            left:0;
            background-color:rgba(255,255,255,0.8);
            overflow:hidden;
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b3ffffff', endColorstr='#b3ffffff');
        }

        .portfolio-item .plus-big{
            margin:10% auto;
        }

        .portfolio-item .item-title{
            margin:0 auto;
            font-weight:700;
            font-size:10pt;
            width:70%;
            border-bottom:1px solid #cecece;
            margin-bottom:7px;
            padding-bottom:6px;
        }

        .portfolio-item .item-title span{
            font-style:italic;
            font-weight:400;
            font-size:9pt;
        }

        .portfolio-item .item-desc{
            font-size:9pt;
            line-height:12pt;
            margin:0 auto;
            width:70%;
        }

        .portfolio2-item .item-info .item-title,
        .portfolio2-item .item-info .item-desc,
        .portfolio3-item .item-info .item-title,
        .portfolio3-item .item-info .item-desc {
            width:80%;
            margin:0 auto;
            padding-right:0;
            padding-left:0;
        }

        .portfolio2-item .plus-big{
            margin-top:25%;
        }

        .portfolio3-item .plus-big{
            margin:12% auto;
        }

        .portfolio4-item{
            display:block;
            clear:both;
            border:none;
            border:1px solid #cecece !important;
        }

        .portfolio4-item .triangle-down{
            display:none;
        }

        .portfolio4-item-img{
            float:left;
            position:relative;
            border-bottom:8px solid #4b4b4b;
            -webkit-transition: all 0.3s !important;
            -moz-transition: all 0.3s !important;
            -o-transition: all 0.3s !important;
            transition: all 0.3s !important;
        }

        .portfolio4-item:hover .portfolio4-item-img{
            border-bottom:8px solid #69b297;
        }

        .portfolio4-item-img img{
            width:100%;
        }

        .portfolio4-item .item-info{
            height:100%;
            padding:0;
            margin:0 0 0 10px;
            text-align:left;
            position:relative;
            top:0;
            left:0;
            background:none;
            filter: none;
            overflow:visible;
        }

        .portfolio4-item-bg{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            z-index:-1;
            opacity:0;
            filter:alpha(opacity=0);
            background-color: #f1f1f1;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
        }

        .portfolio4-item:hover .portfolio4-item-bg{
            opacity:1;
            filter:alpha(opacity=100);
        }

        .portfolio4-item .plus-big{
            float:left;
            margin:0 20px 0 0 !important;
        }

        .portfolio4-item .item-title{
            margin:50px 0 14px;
            padding-bottom:18px;
            min-height:40px;
            font-size:17pt;
            width:95%;
        }

        .portfolio4-item .item-title span{
            width:100%;
            display:block;
            margin-top:5px;
        }

        .portfolio4-item .item-desc{
            width:95%;
            padding-bottom:10px;
            margin:0;
        }

        .backtogal{
            float:left;
            color:#747474;
            line-height:18px;
        }

        .backtogal img{
            float:left;
            margin-right:7px;
            opacity:0.4;
            filter:alpha(opacity=40);
        }

        .port-single-info{
            padding-top:11px;
            margin-bottom:40px !important;
        }

        .port-single-info h4{
            font-size:21pt;
            font-weight:300;
        }

        .project-category{
            font-style:italic;
            color:#8d8d8d;
            margin-bottom:30px;
            display:block;
        }

        .port-single-info .list-style{
            width:100%;
            margin:18px 0 20px;
        }

        .port-single-info .list-style li{
            text-transform:none;
        }

        .proj-data{
            margin-bottom:10px;
        }

        .proj-data span{
            font-size:10pt;
            margin-right:3px;
        }

        .proj-data a{
            color:#747474;
        }

        .proj-data.rating{
            margin-top:15px;
        }

        .star, .star-full{
            display:inline-block;
            width:16px;
            height:16px;
            background:url('/imgs/icons/star_icon.png') no-repeat;
            opacity:0.4;
            filter:alpha(opacity=40);
        }

        .star-full{
            background:url('/imgs/icons/star_full_icon.png') no-repeat;
        }

        .proj-desc{
            margin-bottom:40px !important;
        }


        /* Portfolio5 Slider ------- */
        #portfolio5-main{
            padding-bottom:140px;
        }

        /* Grid container */
        #tiles {
            list-style-type: none;
            position: relative;
            margin: 0;
            clear:both;
        }

        /* Grid items */
        #tiles li {
            width: 300px;
            background-color: #efefef;
            display: none; /** Hide items initially to avoid a flicker effect **/
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        #tiles li.inactive {
          opacity: 0;
          display: none !important;
        }

        #tiles li img {
            width:300px;
            display: block;
            border-bottom-width:8px;
            border-bottom-style:solid;
        }

        #tiles li > div{
            position:relative;
            width:80%;
            padding:0 10% 20px;
            text-align:center;

        }

        #tiles h4{
            width:200px;
            margin:0 auto 8px;
            font-size:12pt;
            text-transform:uppercase;
            font-weight:700;
            border-bottom:1px solid #cecece;
            padding-top:18px;
            padding-bottom:5px;
        }

        #tiles em{
            font-style:italic;
            font-weight:400;
            font-size:9pt;
        }

        #tiles li .triangle-down{
            top:-1px;
            bottom:auto;
        }
        /* --------------------------------- */


    .scrollToTop{
        position:fixed;
        bottom:40px;
        right:-110px;
        width:38px;
        padding:10px 50px 10px 10px;
        color:#fff;
        text-shadow:1px 1px 1px #444;
        cursor:pointer;
        z-index:2001;
        opacity: 0.7;
        filter: alpha(opacity=70);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.8);
        -webkit-box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.8);
        box-shadow: -2px 2px 4px 0px rgba(0,0,0,0.8);
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -ms-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }

    .scrollToTop:hover{
        opacity: 1;
        filter: alpha(opacity=100);
    }




/* #Template Settings Panel
================================================== */
    #template-settings{
        position:absolute;
        width:165px;
        top:70px;
        left:-185px;
        background-color:#e8e8e8;
        z-index:2000;
        -moz-box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
        -webkit-box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
        box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
        padding:12px 10px;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    #editor-icon{
        position:absolute;
        top:0px;
        right:-36px;
        cursor:pointer;
        background-color:#e8e8e8;
        padding:7px 5px 3px;
        width:26px;
        height:27px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;

        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;

        -moz-box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
        -webkit-box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
        box-shadow: 1px 1px 0px 0px rgba(122,122,122,0.4);
    }

    #template-settings h4{
        color:#000;
        font-weight:700;
        margin-bottom:5px;
    }

    #template-settings input, #template-settings select{
        margin-bottom:20px;
    }

    #template-settings select{
        width: 150px;
        height:33px;
        padding:4px 0 0 5px;
        background: none repeat scroll 0 0 #ffffff;
        border: 1px solid #cecece;
        color: #747474;
        font-size:9pt;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .settings-pattern{
        margin-bottom:20px;
    }

    .settings-pattern img{
        cursor:pointer;
        margin:1px;
    }

    .settings-pattern img.selected{
        border:1px solid #747474;
        margin:-1px 0 0 0;
    }




/* #Media Queries
================================================== */

    @media only screen and (min-width: 1542px) and (max-width: 1920px) {
        #header-home, #header-home-revolution {
            height: 650px;
        }
    }

    @media only screen and (min-width: 1281px) {
        #main{
            width: 800px;
        }

        #sidebar{
            width: 400px;
        }
    }

    @media only screen and (min-width: 1024px) and (max-width: 1280px) {
        #main{
            width: 640px;
        }

        #sidebar{
            width: 320px;
        }
    }

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {
        #action-box{
            font-size:18pt;
        }

        .recruit-box .title{
            width:40%;
        }

        .recruit-box .text{
            width:40%;
            margin-top:15px;
        }

        .horizontal-pricing .button{
            position:absolute;
            top:0;
            right:10px
        }

        .horizontal-pricing li{
            width:50%;
            margin:9px 0 0;
        }

        #e404{
            font-size:110pt;
            margin-top: 105px;
        }

        .portfolio-item .plus-big{
            margin:5% auto;
        }
    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        #logo{
            margin-top:16px;
        }

        .sf-menu li a{
            padding:0 5px;
        }

        .sf-menu li#search a.icon-search{
            margin:15px -15px 0 10px;
        }

        #action-box{
            font-size:14pt;
        }

        #main{
            width: 480px;
        }

        #sidebar{
            width: 240px;
        }

        .quote-large{
            font-size:16pt;
        }

        .twtr-doc{
            width:209px !important;
        }

        #newsletter-input{
            width:176px;
        }

        #featured-slider .title{
            font-size:16pt;
        }

        .list-style{
            width:135px;
        }

        .vertical-pricing-item li{
            line-height:inherit;
        }

        .vertical-pricing-item  li.pricing-btn .large {
            font-size:10pt;
        }

        /*.horizontal-pricing ul{
            width:52%;
        }*/

        .contact-info-txt{
            width:67%;
        }

        .portfolio3-item .item-info .item-title,
        .portfolio3-item .item-info .item-desc{
            width:95%;
        }

        .portfolio2-item .plus-big{
            margin:10% auto;
        }

        .portfolio3-item .plus-big{
            margin:5% auto 2%;
        }

        #clientssay .section-title{
            font-size:13pt;
        }

        .featured1-home2 .title{
            bottom:23%;
        }

        .featured1-home2 .desc{
            top:77%;
        }
    }

    @media only screen and (max-width: 936px) {
        #header-home-revolution{
            height: 393px;
        }
    }


    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {


        #header-home-revolution{
            height:auto;
        }

        #header{
            padding-bottom: 0px;
        }

        #logo{
            width:100%; text-align:left; margin-bottom: 10px;
        }

        .sf-menu{
            display:none;
        }

        #nav{
            margin:8px 0;
        }

        #nav-mobile-holder{
            display:block;
        }

        #main{
            width: 300px;
        }

        #sidebar{
            width: 300px;
        }

        .featured-item, .featured2-home2 {
            margin-left:0 !important;
            margin-right:0 !important;
        }

        #action-box{
            font-size:12pt;
            line-height:14pt;
            text-align:center;
            padding:12px 0;
        }

        #action-box a.button{
            clear:both;
            float:none !important;
            width:auto;
        }

        .quote-large{
            font-size:12pt;
        }

        .quote-large a{
            display:inline-block;
            margin-top:10px;
        }

        .flex-direction-nav, .colored .flex-direction-nav{
            position:relative;
            top:10px;
            right:auto;
            margin:0 auto;
        }

        #projects-slider .slides > li,
        #projects-slider-home2 .slides > li {
            height: auto;
        }

        #projects-slider .slides > li .item-info,
        #projects-slider-home2 .slides > li .item-info{
            position:static;
            top:auto;
            left:auto;
            float:left;
            padding:20px 0;
            background-color:#f1f1f1;
        }

        #projects-slider .slides > li .plus-big,
        #projects-slider-home2 .slides > li .plus-big{
            display:none;
        }

        .close-btn{
            display:block;
        }

        #copyright{
            text-align:center;
        }

        #sn-icons{
            text-align:center;
            float:none !important;
            clear:both;
            width:auto;
            margin:0 auto;
            height:25px;
        }

        #sn-icons a{
            float:none;
            display:inline-block;
        }

        #featured-slider .title{
            margin-top:10px;
        }

        #featured-slider .flex-direction-nav{
            position:absolute !important;
            top:14px !important;
            left:7px !important;
        }

        .featured1-home2{
            margin-bottom:40px !important;
        }

        .featured2-home2{
            padding-bottom:25px;
        }

        .horizontal-tabs{
            margin:0 0 40px !important;
        }

        .horizontal-tabs > ul > li {
            width:92%;
            padding: 10px 4%;
        }

        .horizontal-pricing ul{
            margin-left:0;
            width:100%;
        }

        #e404{
            margin-top: 25px;
        }

        #icon404{
            margin-top:37px;
        }

        #pagenotfound-title{
            margin-top:0;
        }

        #pagenotfound-txt{
            margin-bottom:40px;
        }

        .post3 h5{
            display:inline-block;
            margin:15px 0 0;
        }

        .post3 .txt{
            margin:15px 0 0;
        }

        .portfolio-header .pages{
            width:100%;
            margin:10px 0 0;
        }

        .portfolio2-item .plus-big, .portfolio3-item .plus-big{
            margin:30% auto 10%;
        }

        .recruit-box .title{
            width:96%;
        }

        .recruit-box .text{
            float:left;
            width:80%;
            padding-bottom:40px;
        }

        .recruit-box .plus-big{
            top:auto;
            bottom:40px;
        }

        .recruit-box .triangle-right{
            display:none;
        }

        .recruit-box .triangle-down{
            display:block;
        }

        .portfolio4-item .triangle-down{
            display:block;
        }

        .portfolio4-item .triangle-up{
            display:none;
        }
    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        #main{
            width: 420px;
        }

        #sidebar{
            width: 420px;
        }

        #action-box{
            font-size:14pt;
        }

        .twtr-doc{
            width:393px !important;
        }

        #newsletter-input{
            width:344px;
        }

        #featured-slider .title{
            font-size:14pt;
        }

        .list-style{
            width:315px;
        }

        .featured1-home2 .title{
            bottom:30%;
        }

        .featured1-home2 .desc{
            top:70%;
            width:80%;
        }
    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {


        #page-title{
            font-size:16pt;
        }

        .twtr-doc{
            width:273px !important;
        }

        #featured-slider .title{
            font-size:14pt;
        }

        .quote-home2{
            font-size:20pt;
        }

        #services .service-item{
            width:100%;
            margin:0 0 20px;
        }

        .list-style{
            width:195px;
        }

        .vertical-tabs > ul > li {
            font-size:10pt;
        }

        /*.horizontal-pricing .item-title{
            margin-left:40px;
        }

        .horizontal-pricing ul{
            margin-top:50px;
        }

        .horizontal-pricing li{
            width:80%;
            margin:9px 10% 0;
        }

        .horizontal-pricing .button{
            top:78px;
            right:90px;
        }

        .horizontal-pricing .triangle-right{
            display:none;
        }

        .accordion h5, .faq h5{
            width:80%;
        }*/

        #e404{
            font-size:74pt;
            margin-top:20px;
        }

        #icon404{
            margin-top:26px;
        }

        #pagenotfound-title{
            font-size:16pt;
        }

        .featured1-home2 .featured-item-img{
            border-bottom-width:6px;
            margin-bottom:10px;
        }

        .featured1-home2 .featured-item-img .triangle-down{
            display:block;
        }

        .featured1-home2:hover .featured-item-img{
            border-bottom:6px solid #69b297;
        }

        .featured1-home2:hover .featured-item-img .triangle-down{
            border-top-color:#69b297;
        }

        .featured1-home2 .title, .featured1-home2 .desc{
            position:static;
            width:100%;
            margin:0 ;
            padding:0;
            opacity:1;
            filter:alpha(opacity=100);
            text-align:center;
            background:none;
        }

        .featured1-home2 .title{
            float:left;
            font-size:20pt;
            font-weight:300;
            width:92%;
            margin:10px 4% 15px !important;
            color:#4b4b4b;
        }

        .featured1-home2:hover .title{
            color:#69b297;
        }

        .featured1-home2 .desc{
            float:left;
            line-height:20px;
            width:92%;
            margin:0 4% !important;
            padding-bottom:40px;
        }

        .featured1-home2 .plus-medium{
            position:absolute;
            bottom:0px;
            left:50%;
            margin:0 0 0 -15px !important;
        }

        .testemonial-author{
            width:50%;
            text-align:right;
        }

        .portfolio-item .item-info .item-title,
        .portfolio-item .item-info .item-desc{
            width:80%;
        }

        .portfolio4-item .item-info .item-title,
        .portfolio4-item .item-info .item-desc{
            width:93%;
        }

        .projects-grid .section-title img{
            margin-left:0px;
        }
    }



/****** CUSTOM *******/

/* Nav */

body[data-section-id="accueil"] .sf-menu li.nav-item-accueil, body[data-section-id="votre-mrc"] .sf-menu li.nav-item-votre-mrc, body[data-section-id="municipalites"] .sf-menu li.nav-item-municipalites,
body[data-section-id="services"] .sf-menu li.nav-item-services, body[data-section-id="contact"] .sf-menu li.nav-item-contact {
    height:41px; border-bottom:5px solid #e2e2e2; background-color:#f1f1f1;
}
body[data-section-id="accueil"] .sf-menu li.nav-item-accueil:after, body[data-section-id="votre-mrc"] .sf-menu li.nav-item-votre-mrc:after, body[data-section-id="municipalites"] .sf-menu li.nav-item-municipalites:after,
body[data-section-id="services"] .sf-menu li.nav-item-services:after, body[data-section-id="contact"] .sf-menu li.nav-item-contact:after {
    content:""; position:absolute; bottom:-1px; left:50%; margin-left:-6px; width: 0px;
    height: 0px; border-style: inset inset solid inset; border-width: 0 6px 6px 6px; border-color:transparent transparent #e2e2e2 transparent;
}

/* Sub nav */
#sub-nav {
    margin-bottom:40px;
}
/*#sub-nav a:before{
    content:"\00BB \0020";
}*/
ul#sub-nav {
    width:90%; padding:5%; margin-bottom:20px; background-color:#efefef; text-align:left; font-size: 15px; line-height: 18px;
}
ul#sub-nav li{
    background: url(/images/bullet.png) no-repeat left 0.3em; padding:0 0 .4em 15px;
}
ul#sub-nav a{
    /*float:left; clear:left; margin-bottom:10px;*/ color:#555555; word-break: break-word;
}
ul#sub-nav > a:last-child{
    margin-bottom:0;
}
ul#sub-nav > li ul{
    float:left; width:90%; padding:0 5%;
}
body[data-page-id="accueil"] #sub-nav a[href*="/cld/index.php"] {
    color:#000000; font-weight:bold;
}


/* Contenu styles */
#contenu {
    font-size:1.3em; line-height:1.5em; color:#555555;
}

body[data-page-id="nouvelles"] #contenu {  }

#contenu p {
    margin:0 0 1em 0; padding:0;
}


#contenu ol {
    margin:0 0 .8em 4px; padding:0;
}
#contenu ol ol, #contenu ol ul {
    margin-bottom:0; margin-top:.5em;
}
#contenu ol li {
    padding:0 0 .5em 0; margin:0;
}
#contenu ol li ul, #contenu ol li ol {
    margin-bottom:0;
}


/* hr de couleur*/
#contenu hr {
    display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; clear:both;
}

.table-ca { width:750px; margin:2em 0 0 0; }
.table-ca .row { clear:both; margin-bottom: 40px; }
.table-ca p { padding:0; margin:0; }
.table-ca td { padding:25px 5px 5px 5px; margin:0; text-align:left; vertical-align:top; }
.table-ca td.logo { padding:5px 5px 0 5px; }
.table-ca b { font-weight:bold; }

em { font-style:italic }
strong, b { font-weight:700; }

#newsletter-form-message { display:none; }

body[data-section-id="contact"] h1 {
    font-size:2em; margin: 0 0 0.2em;
}

.items-disponibles { float:right; }


/* Accueil */

#accueil_btns_banque { height:134px;position:relative; }
#accueil_btns_banque .image { position:absolute;top:-91px;left:0;z-index:1000; }
#accueil_btns_banque .bouton-banque { display:block; width:142px; height:141px; position:absolute; top:-79px; z-index:1002; }
#accueil_btns_banque .bouton-banque-opp { left:39px; }
#accueil_btns_banque .bouton-banque-opp:hover { background: url(../images/accueil_btns_banque-opp_hover.png) no-repeat left top; }
#accueil_btns_banque .bouton-banque-serv { left:195px; }
#accueil_btns_banque .bouton-banque-serv:hover { background: url(../images/accueil_btns_banque-serv_hover.png) no-repeat left top; }
#accueil_btns_banque .hover-banque {
    width:370px; min-height:53px; padding:30px 30px 10px 30px; position:absolute; top:38px; left:0; z-index:1001; background-color:#ffffff; font-size:14px; line-height:18px; color:#505050; display:none; border:1px solid #49423d;
}

@media only screen and (max-width : 768px) {
    #accueil_btns_banque {
        display: none;
    }
    .accueil_btns_banque-container .container {
        width: 100%;
    }
    #accueil_btns_banque .image {
        width: 100%; height: auto; top: -30px;
    }
    #accueil_btns_banque .bouton-banque {
        display: none !important;
    }
    #accueil_btns_banque .hover-banque {
        display: none !important;
    }
    #quest-ce-quune-mrc {
        display: none;
    }
}


/* Banque de services aux entreprise */

body[data-section-id="banque-services-entreprises"] #contenu {
    margin:0 0 0 35px !important; width:65% !important;
}

#menu-user { clear:both; padding:25px 0 50px 0; }

body[data-section-id="banque-services-entreprises"] #photos-section {
    text-align:center; padding-top:20px; margin-right:-10px; position:absolute; top:2.5em; right:0;
}
body[data-section-id="banque-services-entreprises"] #photos-section div {

}
body[data-section-id="banque-services-entreprises"] #photos-section a {
    display:block; margin:25px auto 0 auto;
}

body[data-section-id="banque-services-entreprises"] #coordonnees {
    padding:1em 0; /*border-top:1px solid #327149; border-bottom:1px solid #327149;*/ margin:0 0 3em 0; width:65%;
}

body[data-section-id="banque-services-entreprises"] th {
    padding:5px 10px 5px 0; font-weight:bold; width:100px; text-align:left; vertical-align:top; color:#327149; line-height:1.1em;
}
body[data-section-id="banque-services-entreprises"] td {
    padding:5px 0 5px 0; text-align:left; vertical-align:top; font-size:1em; line-height:1.1em;
}

body[data-section-id="banque-services-entreprises"] #details {
    padding:10px 20px;
    border:2px solid #327149;
    color:#327149;
    margin:2em 0 2em 0;
    font-weight:bold;
    text-align:center;
    border-radius: 10px;
    width:90%; float:left; clear:both;
}
body[data-section-id="banque-services-entreprises"] .fichDescription {
    width:65%;
    padding: 0 0 1em 0;
    /*border-bottom: 1px solid #327149;
    border-top: 1px solid #327149;*/
    margin: 0 0 3em 0;
}

/*.container #services .one-third.column {
    width:31%;
}*/
#services ul.avec-bullet {
    float: left; width: 55%;
}

.banque-services-entreprises-usermenu { display:none }



/*** Media queries **/

@media only screen and (max-width : 1024px) {

    .table-ca { width:100% !important; }
    .table-ca table { width:100% !important; clear: both; margin-bottom:40px; }
    .table-ca .row { margin-bottom: 0px; }

    #packages, .faq { margin-left: -10px !important; }

}

@media only screen and (max-width : 1023px) {

    body[data-section-id="banque-services-entreprises"] #contenu { margin:0 0 0 15px !important; width:auto !important; }
    body[data-section-id="banque-services-entreprises"] #photos-section { position:relative; top:auto; right:auto; padding:0 0 2em 0; text-align:left; }
    body[data-section-id="banque-services-entreprises"] #coordonnees { width:95%; }
    body[data-section-id="banque-services-entreprises"] .fichDescription { width:95%; margin: 0 0 1em 0; }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    ul#sub-nav { display:none; }

    #packages { margin-left: 0px; }

}