html {
    margin: -20px;
    padding: 0;
    vertical-align: top;
    /*background-color: #edeef3;*/
}

body {
    font-size: .85em;
    font-family: 'Noto Sans', sans-serif, 'Segoe UI', 'Open Sans', 'Lucida Grande';
    margin: 0;
    padding: 0;
    vertical-align: top;
}

hr {
    display: block;
    border: 0;
    border-top: 1px solid #f0f0f0;
    margin: 1em 0;
    padding: 0;
    height: 1px;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 42%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.mobileshow {
    display: none;
}

.clearul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}


p, h1, form, button {
    border: 0;
    margin: 0;
    padding: 0;
}

.spacer {
    clear: both;
    height: 1px;
}

p {
    margin-top: 15px;
}



/* ----------- My Form ----------- */
.myform {
    margin: 0 auto;
    width: 55%;
    padding: 10px;
}


/* ----------- stylized ----------- */
#stylized {
    margin-top: 40px;
    background: #37437F;
}

    #stylized h1 {
        font-family: 'Segoe UI Light', 'Open Sans Light', 'Lucida Grande Light';
        font-size: 2.5em;
        font-variant: small-caps;
        color: white;
        text-align: left;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    #stylized p {
        color: white;
        margin-left: 20px;
        margin-right: 20px;
    }

.question {
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
    float: left;
}

#stylized label {
    margin-left: 20px;
    margin-right: 20px;
    font-family: 'Segoe UI';
    color: white;
    text-align: left;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    float: left;
}

#stylized .small {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 140px;
}

#stylized input {
    float: left;
}

#Calendar1.td {
    vertical-align: middle;
    text-align: center;
}



.comments {
    float: left;
    width: 100%;
    height: 100px;
    padding: 8px 0 9px 10px;
    text-indent: 1px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#stylized button {
    clear: both;
    width: 125px;
    height: 50px;
    border: solid 2px #fff;
    text-align: center;
    line-height: 31px;
    background-color: transparent;
    font-family: 'Segoe UI Light';
    font-size: 2em;
    font-variant: small-caps;
    color: white;
    padding-bottom: 40px;
}

strong {
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: normal;
}



a {
    color: #416d9c;
    outline: none;
    text-decoration: none;
   
}

    a:link, a:visited,
    a:active, a:hover, a:focus {
        text-decoration: none;
        outline: none;
        background-color: none;
    }

    a:hover {
        text-decoration: underline;
        /*font-style: italic;
        background-color: #2d2d2d;*/
        color: #5386bd;
        outline: none;
    }

.mobilemenu {
    display: none;
}



.charge {
    vertical-align: super;
    font-size: 0.7em;
}

.logoscale {
    width: 200px;
    height: 60px;
}

.FeaturedContent {
    width: 100%;
}

.arrow {
    list-style: disc url(http://www.advsyscon.com/images/arrow3.gif) inside;
}

:focus {
    outline: 0;
}

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

b {
    font-weight: bold;
    font-size: inherit;
}

img {
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    outline: none;
    text-decoration: none;
    background-color: none;
}




input {
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 1.5em;
    font-weight: normal;
    color: #023571;
    font-variant: small-caps;
}

h2 {
    font-size: 1.25em;
}

h3 {
    font-size: 1.0em;
}

h4 {
    font-size: .85em;
    font-weight: bold;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

.bottommenu, .bottommenu:visited {
    font-size: 1.0em;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

    .bottommenu:hover {
        background-color: #2d2d2d;
        color: white;
        text-decoration: none;
    }

.footerlink, .footerlink:visited {
    color: #2d2d2d;
    text-decoration: none;
    font-size: .9em;
    line-height: 1.5em;
    /*background-color: #fff;*/
}

    .footerlink:hover {
        text-decoration: underline;
    }




/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto 0;
    max-width: 1010px;
    vertical-align: top;
}

#body {
    margin: 0 auto 0;
    clear: both;
    padding-bottom: 35px;
    vertical-align: top;
    background-color: #fff;
    max-width: 990px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -5px;
    padding-top: 5px;
}

.main-content {
    padding-left: 10px;
    padding-right: 10px;
}

.featured + .main-content {
    background: url("../images/heroAccent.png") no-repeat;
}

.slider {
    max-width: 50%;
}

header .content-wrapper {
}

footer {
    clear: both;
    font-size: .8em;
    height: 100px;
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }


/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin-left: 0px;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menu li a:hover {
                color: #333;
                text-decoration: none;
            }




/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 10px 10px 10px 0px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
        margin-left: 15px;
    }

    .featured p {
        font-size: 1.1em;
        margin-left: 15px;
    }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 10px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../images/orderedList9.png") no-repeat;
        }

        ol.round li.bullet {
            background: url("../images/orderedListbullet.png") no-repeat;
        }

        ol.round li.cloud {
            background: url("../images/orderedListcloud.png") no-repeat;
        }

        ol.round li.build {
            background: url("../images/orderedListbuild.png") no-repeat;
        }

        ol.round li.automate {
            background: url("../images/orderedListautomate.png") no-repeat;
        }

        ol.round li.deliver {
            background: url("../images/orderedListdeliver.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
    vertical-align: text-top;
    height: auto;
    background-color: #edeef3;
    text-align: left;
    margin-left: 10px;
}

    aside ul {
        list-style: url(/home/images/menu/arrow3.gif);
        padding-left: 20px;
        margin-left: 20px;
        background-color: #edeef3;
        padding-bottom: 10px;
    }

        aside ul a {
            color: #000;
        }

    aside h3 {
        margin-top: -10px;
        color: #d7d7d7;
        border: solid 1px #333;
        background: #333;
        background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
        background: -moz-linear-gradient(top, #666, #000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
        display: inline-block;
        zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
        *display: inline;
        vertical-align: baseline;
        outline: none;
        text-decoration: none;
        padding: .5em;
        -webkit-border-radius: .5em;
        -moz-border-radius: .5em;
        border-radius: .5em;
        width: 94%;
    }




    aside ul li {
    }

.label {
    font-weight: 700;
    text-decoration: underline;
}

.current, .current:visited {
    color: red;
    font-weight: bold;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

fieldset.open-auth-providers {
    margin-top: 0px;
}

    fieldset.open-auth-providers button {
        margin-bottom: 12px;
    }

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

    label.checkbox {
        display: inline;
    }

textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
}

textarea {
    font-family: inherit;
}

    input:focus, textarea:focus {
    }

input[type="checkbox"] {
    border: inherit;
    width: auto;
}

input[type="submit"],
input[type="button"] {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}

    input[type="submit"]:hover,
    input[type="button"]:hover {
        text-decoration: none;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
        background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    }

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: auto;
}


/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}







/* button 
---------------------------------------------- */
.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: top;
    margin: 0 1px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .5em .5em .55em .5em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}


    .button:active {
        position: relative;
        top: 1px;
    }

.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

.medium {
    padding: .4em 1.5em .42em;
}

.small {
    padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
.black {
    color: #d7d7d7;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top, #666, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}

    .black:hover {
        background: #000;
        background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
        background: -moz-linear-gradient(top, #444, #000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
    }

    .black:active {
        color: #666;
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
        background: -moz-linear-gradient(top, #000, #444);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
    }

/* gray */
.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

    .gray:hover {
        background: #616161;
        background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
        background: -moz-linear-gradient(top, #757575, #4b4b4b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
    }

    .gray:active {
        color: #afafaf;
        background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
        background: -moz-linear-gradient(top, #575757, #888);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
    }

/* white */
.white {
    border: solid 1px #b7b7b7;
    background: #fff;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

    .white:hover
    {
        background: #ededed;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
        background: -moz-linear-gradient(top, #fff, #dcdcdc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
    }

    .white:active
    {
        color: #999;
        background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
        background: -moz-linear-gradient(top, #ededed, #fff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');*/
}

/* orange */
.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

    .orange:hover {
        background: #f47c20;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top, #f88e11, #f06015);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    }

    .orange:active {
        color: #fcd3a5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
        background: -moz-linear-gradient(top, #f47a20, #faa51a);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
    }

/* red */
.red {
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top, #ed1c24, #aa1317);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

    .red:hover {
        background: #b61318;
        background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
        background: -moz-linear-gradient(top, #c9151b, #a11115);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
    }

    .red:active {
        color: #de898c;
        background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
        background: -moz-linear-gradient(top, #aa1317, #ed1c24);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
    }

/* blue */
.blue {
    color: #d9eef7;
    background: #1c629f;
    /*border: solid 1px #0076a3;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

    .blue:hover
    {
        background: #007ead;
        background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
        background: -moz-linear-gradient(top, #0095cc, #00678e);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');*/
}

    .blue:active {
        color: #80bed6;
        background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
        background: -moz-linear-gradient(top, #0078a5, #00adee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
    }

/* rosy */
.rosy {
    color: #fae7e9;
    border: solid 1px #b73948;
    background: #da5867;
    background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
    background: -moz-linear-gradient(top, #f16c7c, #bf404f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}

    .rosy:hover {
        background: #ba4b58;
        background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
        background: -moz-linear-gradient(top, #cf5d6a, #a53845);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
    }

    .rosy:active {
        color: #dca4ab;
        background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
        background: -moz-linear-gradient(top, #bf404f, #f16c7c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
    }

/* green */
.green {
    color: #e8f0de;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

    .green:hover {
        background: #538018;
        background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
        background: -moz-linear-gradient(top, #6b9d28, #436b0c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
    }

    .green:active {
        color: #a9c08c;
        background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
        background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
    }

/* pink */
.pink {
    color: #feeef5;
    border: solid 1px #d2729e;
    background: #f895c2;
    background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
    background: -moz-linear-gradient(top, #feb1d3, #f171ab);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}

    .pink:hover {
        background: #d57ea5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
        background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
    }

    .pink:active {
        color: #f3c3d9;
        background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
        background: -moz-linear-gradient(top, #f171ab, #feb1d3);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
    }





/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://codecanyon.net/user/Pixelworkshop/
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 5.0
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLING
04 CONTACT FORM
05 LIGHT THEME
06 DARK THEME
07 COLORS
08 MOBILE DEVICES

*/



/*  _______________________________________

	01 MENU BAR
    _______________________________________  */



/* IMPORTANT NOTICE
   If you're using the whole width menu, you should use at least a reset like :
   * {margin:0; padding:0;}
   Otherwise, some browsers may add margins and won't place the menu properly.
   It generally helps to include a CSS reset like : 
   http://meyerweb.com/eric/tools/css/reset/
   Keep in mind that a reset must be placed first, before any other CSS markup.
*/
.wrapper_menu {
    width: 97%;
    max-width: 1000px;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    z-index: 2;
    text-decoration: none;
}

    .wrapper_menu .menu {
        list-style: none;
        width: 100%;
        margin: 0 auto;
        height: 43px;
        padding: 0 20px 0 10px;
        /*-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
        text-decoration: none;
    }

.wrapper_menu_full {
    margin: 0;
    position: relative;
    text-decoration: none;
    max-width: 1000px;
}

    .wrapper_menu_full .menu {
        width: 100%;
        max-width: 1000px;
        padding: 0;
        height: 43px;
    }

    .wrapper_menu_full .menu_whole_width {
        list-style: none;
        width: 95%;
        margin: 0 auto;
        height: 43px;
        padding: 0;
        max-width: 1000px;
    }



.menu li {
    float: left;
    text-align: center;
    position: relative;
    margin-right: 20px;
    margin-top: 6px;
    border: none;
    /*background-image: url('../images/menu/subnav_btn2.png');*/
    background-position: right;
    background-repeat: no-repeat;
}

.menu .fullwidth {
    position: static !important;
}

.menu li:hover li:active {
    border-bottom: none;
    margin-right: 19px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.menu li.nodrop:hover {
    padding: 4px 10px 4px 9px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .menu li.nodrop:hover a {
        padding: 0;
    }

.menu li a {
    color: #fff;
    outline: 0;
    padding: 5px 10px 3px 10px;
    text-decoration: none;
    display: block;
}

.menu li:hover li:active a {
    text-shadow: none;
    position: relative;
    z-index: 2;
    padding: 4px 9px 4px 9px;
    font-style: normal;
}

.menu li:hover li:active div a {
    display: inline;
}

.menu li .drop,
.menu li:hover li:active .drop {
    padding-right: 27px;
}

/* Right aligned menu item */

.menu li.right {
    float: right;
    right: 0;
    margin-right: 0;
}

    .menu li.right:hover {
        margin-right: -1px;
    }



/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */



/* Left & right aligned common styles */

.menu .dropdown_1column,
.menu .dropdown_2columns,
.menu .dropdown_3columns,
.menu .dropdown_4columns,
.menu .dropdown_5columns,
.menu .dropdown_fullwidth {
    margin: 4px auto;
    left: -999em;
    position: absolute;
    padding: 10px;
    text-align: left;
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    display: block;
}

/* Drop Downs Sizes */

.menu .dropdown_1column {
    width: 145px;
}

.menu .dropdown_2columns {
    width: 300px;
}

.menu .dropdown_3columns {
    width: 455px;
}

.menu .dropdown_4columns {
    width: 610px;
}

.menu .dropdown_5columns {
    width: 920px;
}

.menu .dropdown_fullwidth {
    width: 920px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.menu li .first_fullwidth {
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
}

/* Showing Drop Down on Mouse Hover - Left aligned */

.menu li:hover .dropdown_1column,
.menu li:hover .dropdown_2columns,
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {
    left: -1px;
    top: 25px;
}

.menu li:hover .dropdown_fullwidth {
    left: 21px;
    top: 33px;
    display: block;
}

.wrapper_menu_full .menu li:hover .dropdown_fullwidth {
    left: 50%;
    margin-left: -470px;
    top: 32px;
    display: block;
}

/* Showing Drop Down on Mouse Hover - Right aligned */

.menu li .align_right {
    -webkit-border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
}

.menu li:hover .align_right {
    left: auto;
    right: -1px;
    top: 25px;
}

.menu li.right:hover .dropdown_fullwidth {
    right: 18px;
    top: 33px;
}

.wrapper_menu_full .menu li.right:hover .dropdown_fullwidth {
    left: auto;
    right: 50%;
    margin-right: -471px;
    top: 32px;
}

/* Columns Sizes */

.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {
    float: left;
    margin-left: 10px;
}

.menu .col_1 {
    width: 145px;
}

.menu .col_2 {
    width: 300px;
}

.menu .col_3 {
    width: 455px;
}

.menu .col_4 {
    width: 610px;
}

.menu .col_5 {
    width: 765px;
}

.menu .col_6 {
    width: 920px;
}

/* IMPORTANT */

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
    margin-left: 0; /* Clearing margin & left */
    clear: left;
}



/*  _______________________________________

	03 CONTENT STYLING
    _______________________________________  */



.menu p,
.menu ul,
.menu li,
.menu h2,
.menu h3 {
    line-height: 21px;
    text-align: left;
}

.menu p {
    line-height: 18px;
    margin: 0;
    margin-bottom: 10px;
}

.menu .strong {
    font-weight: bold;
}

.menu .italic {
    font-style: italic;
}

.menu h2,
.menu h3 {
    margin-top: 7px;
}

.menu h2 {
    font-size: 21px;
    margin-bottom: 18px;
    padding-bottom: 11px;
}

.menu h3 {
    font-size: 14px;
    margin-bottom: 14px;
    padding-bottom: 7px;
}

.menu li:hover div a {
    text-decoration: none;
    text-shadow: none;
    border: none;
    padding: 0;
    color: #5386bd;
    text-decoration: none;
}

.menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
    margin-top: 18px;
}

/* Icon paragraphs */

.menu .help,
.menu .favorite,
.menu .mail,
.menu .print {
    padding-left: 36px;
    margin-bottom: 18px;
}

.menu .help {
    background: url("../img/help.png") no-repeat 0 2px;
}

.menu .favorite {
    background: url("../img/favorite.png") no-repeat 0 2px;
}

.menu .mail {
    background: url("../img/mail.png") no-repeat 0 2px;
}

.menu .print {
    background: url("../img/print.png") no-repeat 0 2px;
}

/* Images styles */

.menu .imgshadow_dark,
.menu .imgshadow_light {
    padding: 4px;
    margin-top: 5px;
}

.menu .img_left { /* Image sticks to the left */
    width: auto;
    float: left;
    margin: 2px 15px 5px 0;
}

.menu .img_right { /* Image sticks to the right */
    width: auto;
    float: right;
    margin: 2px 0 5px 15px;
}

/* Box styles */

.menu li .black_box,
.menu li .dark_grey_box {
    color: #eeeeee;
    text-shadow: 1px 1px 1px #000;
    padding: 4px 6px 4px 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Standard lists styles */

.menu li ul {
    list-style: none;
    padding: 0;
    margin: 0 0 12px 0;
}

    .menu li ul li {
        line-height: 24px;
        position: relative;
        text-shadow: 1px 1px 1px #000000;
        padding: 0;
        margin: 0;
        float: left;
        text-align: left;
        width: 145px;
    }

        .menu li ul li a {
            padding: 0;
            color: #5386bd;
            text-decoration: none;
        }

        .menu li ul li:hover {
            background: none;
            border: none;
            padding: 0;
            margin: 0;
        }

/* Greybox lists styles */

.menu li .greybox li {
    margin: 0 0 4px 0;
    padding: 4px 6px 4px 6px;
    width: 131px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .menu li .greybox li:hover {
        padding: 4px 6px 4px 6px;
        margin: 0 0 4px 0;
    }

/* Other lists styles */

.menu li .plus li {
    margin: 0 0 4px 0;
    padding: 0 0 0 21px;
    width: 109px;
}

    .menu li .plus li:hover {
        padding: 0 0 0 21px;
        margin: 0 0 4px 0;
    }

/* Social Icons */

.menu li ul.social {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .menu li ul.social li {
        padding-top: 5px;
        margin: 0 12px 12px 0;
        float: left;
        position: relative;
        display: inline;
        width: 32px;
    }

        .menu li ul.social li img {
            border: none;
        }

        .menu li ul.social li:hover {
            padding-top: 5px;
            margin: -1px 12px 12px 0;
        }

        .menu li ul.social li span {
            display: none;
        }

/* 2-Levels Drop Down */

.menu .levels,
.menu .levels ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu li:hover .levels a {
    display: block;
    text-decoration: none;
}

.menu .levels a {
    display: block;
    width: 10em;
}

.menu .levels li {
    float: left;
    width: 150px;
}

    .menu .levels li ul {
        position: absolute;
        top: -23px;
        margin: 15px 0 0 4px;
        padding: 6px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        left: -999em;
    }

    .menu .levels li:hover ul ul,
    .menu .levels li:hover ul ul ul {
        left: -999em;
    }

    .menu .levels li:hover ul,
    .menu .levels li li:hover ul,
    .menu .levels li li li:hover ul {
        left: 142px;
    }



/*  _______________________________________

	04 CONTACT FORM
    _______________________________________  */



.contact_form label,
.contact_form legend {
    font-size: 12px;
}

.contact_form legend {
    margin-bottom: 10px;
}

.contact_form {
    display: block;
    margin-bottom: 10px;
}

    .contact_form label {
        display: inline-block;
        float: left;
        height: 36px;
        line-height: 36px;
        width: 80px;
        font-size: 12px;
    }

    .contact_form input,
    .contact_form textarea,
    .contact_form select {
        font-size: 12px;
        width: 200px;
        padding: 5px;
        margin: 7px 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .contact_form textarea {
        resize: none;
    }

    .contact_form .required {
        color: #C00;
    }

    .contact_form .form_buttons {
        margin: 4px 0 0 80px;
    }

    .contact_form input.button {
        width: 80px;
        margin-right: 10px;
        cursor: pointer;
        padding: 4px 7px 4px 7px;
    }

    .contact_form .special {
        display: none;
    }

    .contact_form .error,
    .contact_form .sent {
        font-size: 11px;
        padding: 2px 5px 2px 5px;
        text-shadow: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .contact_form .error {
        background: #FBE5E2;
        border: #F2A197 solid 1px;
        color: #992213;
    }

    .contact_form .sent {
        background: #E1F8CB;
        border: #C6D880 solid 1px;
        color: #37620d;
    }



/*  _______________________________________

	05 LIGHT THEME
    _______________________________________  */



.menu_light_theme ul li:hover,
.menu_light_theme ul li.nodrop:hover {
    background: #313443;
    border: 1px solid #313443;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#EEEEEE));
    background: -webkit-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -o-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -ms-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: linear-gradient(top, #F4F4F4, #EEEEEE);*/
    color: #313443;
    text-decoration:none;
}

    .menu_light_theme ul li:hover a {
       
        border-bottom: 1px solid #EEEEEE;
      
    text-decoration:none;
      
    }

.menu_light_theme ul li .drop,
.menu_light_theme .menu li.noactive .drop {
    /* background: url("/images/arrow_down1.png") no-repeat right 13px;*/
}

.menu_light_theme ul li:hover .drop {
    /*  background: url("/images/arrow_down1.png") no-repeat right 12px;*/
}

.menu_light_theme ul .dropdown_1column,
.menu_light_theme ul .dropdown_2columns,
.menu_light_theme ul .dropdown_3columns,
.menu_light_theme ul .dropdown_4columns,
.menu_light_theme ul .dropdown_5columns,
.menu_light_theme ul .dropdown_fullwidth,
.menu_light_theme ul .levels li ul {
    background: #313443;
    border: 1px solid #313443;
    background-color: #313443;
    color: #fff;
    line-height: 1em;
}

.menu_light_theme ul p,
.menu_light_theme ul h2,
.menu_light_theme ul h3,
.menu_light_theme ul h3,
.menu_light_theme ul li ul li {
    color: #fff;
}


.menu_light_theme ul h2, h2:visited, h2:active,
.menu_light_theme ul h3 {
    border-bottom: 1px solid #313443;
    color: #fff;
   
}

.menu_light_theme ul .imgshadow_dark { /* Better style on dark background */
    background: #313443;
    border: 1px solid #333333;
    -moz-box-shadow: 0 0 5px #000000;
    -webkit-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
}

.menu_light_theme ul .imgshadow_light { /* Better style on light background */
    background: #313443;
    border: 1px solid #777777;
    -webkit-box-shadow: 0 0 5px #666666;
    -moz-box-shadow: 0 0 5px #666666;
    box-shadow: 0 0 5px #666666;
}

.menu_light_theme ul li .black_box {
    color: #ffffff;
    background-color: #313443;
    -webkit-box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

.menu_light_theme ul li .dark_grey_box {
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
    background-color: #313443;
    -webkit-box-shadow: inset 0 0 3px #111111;
    -moz-box-shadow: inset 0 0 3px #111111;
    box-shadow: inset 0 0 3px #111111;
}

.menu_light_theme ul li .greybox li {
    background: #F4F4F4;
    border: 1px solid #bbbbbb;
}

    .menu_light_theme ul li .greybox li:hover {
        background: #313443;
        border: 1px solid #aaaaaa;
    }

.menu_light_theme ul li .plus li {
    /*background: url("../img/plus.png") left 6px no-repeat;*/
}

.menu_light_theme ul .levels a.parent,
.menu_light_theme ul .levels a.parent:hover {
    /*background: url("../img/arrow_right1.png") right center no-repeat;*/
}

.menu_light_theme ul .contact_form input:focus,
.menu_light_theme ul .contact_form textarea:focus,
.menu_light_theme ul .contact_form select:focus,
.menu_light_theme ul .contact_form input:hover,
.menu_light_theme ul .contact_form textarea:hover,
.menu_light_theme ul .contact_form select:hover {
    box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
    -moz-box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
    -webkit-box-shadow: rgba(0,0,0, 0.7) 0 0 3px;
    border: 1px solid #313443;
}

.menu_light_theme ul .contact_form input,
.menu_light_theme ul textarea,
.menu_light_theme ul select {
    color: #000;
    background-color: #313443;
    border: 1px solid #0A0A0A;
}

    .menu_light_theme ul .contact_form input.button {
        /*background-color: #1E1E1E;
        border: 1px solid #0A0A0A;
        color: #cccccc;*/
    }

        .menu_light_theme ul .contact_form input.button:hover {
            /*color: #eeeeee;
            background-color: #222222;
            border: 1px solid #000000;*/
        }

.menu_light_theme .menu li:hover div a {
    border-bottom: none;
}

.menu_light_theme .menu li.noactive a {
    color: #eeeeee;
}

.menu_light_theme a:hover {
    text-decoration:underline;
    background-color: #313443;
  
}

.menu_light_theme a:visited {
    text-decoration:underline;
    background-color: #313443;
    
}



/*  _______________________________________

	06 DARK THEME
    _______________________________________  */



.menu_dark_theme ul li:hover,
.menu_dark_theme ul li.nodrop:hover {
    background: #161616;
    border: 1px solid #000000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#161616));
    background: -webkit-linear-gradient(top, #212121, #161616);
    background: -moz-linear-gradient(top, #212121, #161616);
    background: -o-linear-gradient(top, #212121, #161616);
    background: -ms-linear-gradient(top, #212121, #161616);
    background: linear-gradient(top, #212121, #161616);
}

    .menu_dark_theme ul li:hover a {
        color: #000;
        border-bottom: 1px solid #161616;
    }

.menu_dark_theme ul li .drop,
.menu_dark_theme .menu li.noactive .drop {
    /*  background: url("/images/arrow_down1.png") no-repeat right 13px;*/
}

.menu_dark_theme ul li:hover .drop {
    /*  background: url("/images/arrow_down1.png") no-repeat right 12px;*/
}

.menu_dark_theme ul .dropdown_1column,
.menu_dark_theme ul .dropdown_2columns,
.menu_dark_theme ul .dropdown_3columns,
.menu_dark_theme ul .dropdown_4columns,
.menu_dark_theme ul .dropdown_5columns,
.menu_dark_theme ul .dropdown_fullwidth,
.menu_dark_theme ul .levels li ul {
    background: #161616;
    border: 1px solid #000000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#0A0A0A));
    background: -webkit-linear-gradient(top, #161616, #0A0A0A);
    background: -moz-linear-gradient(top, #161616, #0A0A0A);
    background: -o-linear-gradient(top, #161616, #0A0A0A);
    background: -ms-linear-gradient(top, #161616, #0A0A0A);
    background: linear-gradient(top, #161616, #0A0A0A);
}

.menu_dark_theme ul p,
.menu_dark_theme ul ul,
.menu_dark_theme ul li,
.menu_dark_theme ul h2,
.menu_dark_theme ul h3 {
    color: #ffffff;
}

.menu_dark_theme ul h2,
.menu_dark_theme ul h3 {
    border-bottom: 1px solid #333333;
}

.menu_dark_theme ul .imgshadow_dark,
.menu_dark_theme ul .imgshadow_light {
    background: #FFFFFF;
    border: 1px solid #333333;
    -webkit-box-shadow: 0 0 5px #000000;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
}

.menu_dark_theme ul .imgshadow_light {
    border: 1px solid #777777;
}

.menu_dark_theme ul li .black_box,
.menu_dark_theme ul li .dark_grey_box {
    background-color: #0A0A0A;
    -webkit-box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

.menu_dark_theme ul li .greybox li {
    background: #0A0A0A;
    border: 1px solid #000000;
}

    .menu_dark_theme ul li .greybox li:hover {
        background: #141414;
        border: 1px solid #111111;
    }

.menu_dark_theme ul li .plus li {
    background: url("../img/plus_dark.png") left 6px no-repeat;
}

.menu_dark_theme ul .levels a.parent,
.menu_dark_theme ul .levels a.parent:hover {
    background: url("../img/arrow_right2.png") right center no-repeat;
}

.menu_dark_theme ul .contact_form input:focus,
.menu_dark_theme ul .contact_form textarea:focus,
.menu_dark_theme ul .contact_form select:focus {
    box-shadow: rgba(0,0,0, 0.7) 0 0 8px;
    -moz-box-shadow: rgba(0,0,0, 0.7) 0 0 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.7) 0 0 8px;
    border: 1px solid #333333;
}

.menu_dark_theme ul .contact_form input:hover,
.menu_dark_theme ul .contact_form textarea:hover,
.menu_dark_theme ul .contact_form select:hover {
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
    -moz-box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
    box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
}

.menu_dark_theme ul .contact_form input,
.menu_dark_theme ul .contact_form textarea,
.menu_dark_theme ul .contact_form select {
    color: #FFFFFF;
    background-color: #222222;
    border: 1px solid #0A0A0A;
}

    .menu_dark_theme ul .contact_form input.button {
        background-color: #1E1E1E;
        border: 1px solid #0A0A0A;
        color: #cccccc;
    }

        .menu_dark_theme ul .contact_form input.button:hover {
            color: #eeeeee;
            background-color: #222222;
            border: 1px solid #000000;
        }

.menu_dark_theme .menu li:hover div a {
    border-bottom: none;
}



/*  _______________________________________

	07 COLORS
    _______________________________________  */



/* Black */

.menu_black {
    background: #333;
    /*  background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#2a2a2a));
    background: -webkit-linear-gradient(top, #555, #2a2a2a);
    background: -moz-linear-gradient(top, #555, #2a2a2a);
    background: -o-linear-gradient(top, #555, #2a2a2a);
  background: -ms-linear-gradient(top, #555, #2a2a2a);
    background: linear-gradient(top, #555, #2a2a2a);*/
}

.wrapper_menu .menu_black {
    max-width: 1000px;
}

.wrapper_menu_full .menu_black {
    border-bottom: 1px solid #444;
}

.menu_dark_theme .menu_black li:hover div a {
    color: #CCC;
}

    .menu_dark_theme .menu_black li:hover div a:hover {
        color: #EEE;
    }

.menu_dark_theme .menu_black li ul li a:hover {
    color: #EEE;
}

.menu_light_theme .menu_black li:hover div a {
    color: #000;
}

    .menu_light_theme .menu_black li:hover div a:hover {
        color: #000;
    }

.menu_light_theme .menu_black li ul li a:hover {
    color: #000;
}

/* Blue */

.menu_blue {
    background: #014464;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0272a7), to(#013953));
    background: -webkit-linear-gradient(top, #0272a7, #013953);
    background: -moz-linear-gradient(top, #0272a7, #013953);
    background: -o-linear-gradient(top, #0272a7, #013953);
    background: -ms-linear-gradient(top, #0272a7, #013953);
    background: linear-gradient(top, #0272a7, #013953);
}

.wrapper_menu .menu_blue {
    border: 1px solid #015b86;
    border-top: 1px solid #029feb;
}

.wrapper_menu_full .menu_blue {
    border-bottom: 1px solid #015b86;
}

.menu_dark_theme .menu_blue li:hover div a {
    color: #0294da;
}

    .menu_dark_theme .menu_blue li:hover div a:hover {
        color: #33bcfd;
    }

.menu_dark_theme .menu_blue li ul li a:hover {
    color: #33bcfd;
}

.menu_light_theme .menu_blue li:hover div a {
    color: #015b86;
}

    .menu_light_theme .menu_blue li:hover div a:hover {
        color: #029feb;
    }

.menu_light_theme .menu_blue li ul li a:hover {
    color: #029feb;
}





/* Light Blue */

.menu_lightblue {
    background: #52786b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#709e8e), to(#52786b));
    background: -webkit-linear-gradient(top, #709e8e, #52786b);
    background: -moz-linear-gradient(top, #709e8e, #52786b);
    background: -o-linear-gradient(top, #709e8e, #52786b);
    background: -ms-linear-gradient(top, #709e8e, #52786b);
    background: linear-gradient(top, #709e8e, #52786b);
}

.wrapper_menu .menu_lightblue {
    border: 1px solid #608c7d;
    border-top: 1px solid #99b9ae;
}

.wrapper_menu_full .menu_lightblue {
    border-bottom: 1px solid #608c7d;
}

.menu_dark_theme .menu_lightblue li:hover div a {
    color: #608c7d;
}

    .menu_dark_theme .menu_lightblue li:hover div a:hover {
        color: #99b9ae;
    }

.menu_dark_theme .menu_lightblue li ul li a:hover {
    color: #99b9ae;
}

.menu_light_theme .menu_lightblue li:hover div a {
    color: #608c7d;
}

    .menu_light_theme .menu_lightblue li:hover div a:hover {
        color: #99b9ae;
    }

.menu_light_theme .menu_lightblue li ul li a:hover {
    color: #99b9ae;
}

/* Orange */

.menu_orange {
    background: #d24900;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6717), to(#c14300));
    background: -webkit-linear-gradient(top, #ff6717, #c14300);
    background: -moz-linear-gradient(top, #ff6717, #c14300);
    background: -o-linear-gradient(top, #ff6717, #c14300);
    background: -ms-linear-gradient(top, #ff6717, #c14300);
    background: linear-gradient(top, #ff6717, #c14300);
}

.wrapper_menu .menu_orange {
    border: 1px solid #f45500;
    border-top: 1px solid #ff945b;
}

.wrapper_menu_full .menu_orange {
    border-bottom: 1px solid #f45500;
}

.menu_dark_theme .menu_orange li:hover div a {
    color: #f45500;
}

    .menu_dark_theme .menu_orange li:hover div a:hover {
        color: #ff945b;
    }

.menu_dark_theme .menu_orange li ul li a:hover {
    color: #ff945b;
}

.menu_light_theme .menu_orange li:hover div a {
    color: #f45500;
}

    .menu_light_theme .menu_orange li:hover div a:hover {
        color: #ff945b;
    }

.menu_light_theme .menu_orange li ul li a:hover {
    color: #ff945b;
}



/* Red */

.menu_red {
    background: #830701;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d70b02), to(#830701));
    background: -webkit-linear-gradient(top, #d70b02, #830701);
    background: -moz-linear-gradient(top, #d70b02, #830701);
    background: -o-linear-gradient(top, #d70b02, #830701);
    background: -ms-linear-gradient(top, #d70b02, #830701);
    background: linear-gradient(top, #d70b02, #830701);
}

.wrapper_menu .menu_red {
    border: 1px solid #a40802;
    border-top: 1px solid #fd190f;
}

.wrapper_menu_full .menu_red {
    border-bottom: 1px solid #a40802;
}

.menu_dark_theme .menu_red li:hover div a {
    color: #d60a03;
}

    .menu_dark_theme .menu_red li:hover div a:hover {
        color: #fd5953;
    }

.menu_dark_theme .menu_red li ul li a:hover {
    color: #fd5953;
}

.menu_light_theme .menu_red li:hover div a {
    color: #a40802;
}

    .menu_light_theme .menu_red li:hover div a:hover {
        color: #fd190f;
    }

.menu_light_theme .menu_red li ul li a:hover {
    color: #fd190f;
}



/*  _______________________________________

	08 MOBILE DEVICES
    _______________________________________  */



.menu li.noactive,
.menu li.noactive:hover {
    background: none;
    border: none;
    margin-right: 20px;
}

    .menu li.noactive a {
        padding: 5px 27px 3px 10px;
        text-shadow: 1px 1px 1px #000;
        border-bottom: none;
    }

    .menu li.noactive.right {
        margin-right: 0;
    }

/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {
    .mobileshow {
        display: none;
    }

    .mobilehide {
        display: none;
    }

    .main-content,
    .featured + .main-content {
        background-position: 50px 0;
        position: relative;
        background-color: white;
        padding-left: 20px;
        padding-right: 40px;
        margin-right: 20px;
        margin-top: 200px;
    }

    .logoscale {
        width: 150px;
        height: 45px;
    }

    .main-content {
        padding-left: 20px;
        padding-right: 10px;
    }

    footer {
        margin-left: 30px;
    }
}




@media only screen and (max-width: 760px) {
    html {
        background-color: white;
        margin-left: 0px;
    }


    .mobileshow {
        display: block;
    }

    .nonmobilemenu {
        display: none;
    }

    .mobilemenu {
        display: block;
        position: relative;
    }

    .myform {
        margin: 0 auto;
        width: 100%;
        padding: 10px;
        margin-top: -300px;
        height: auto;
    }


    /* ----------- stylized ----------- */
    #stylized {
        margin-top: 10px;
        background: #37437F;
    }

        #stylized p {
            color: white;
            margin-left: 10px;
            margin-right: 10px;
        }

        #stylized input {
            width: 95%;
        }

            #stylized input[type=checkbox] {
                width: 1em;
            }

        #stylized button {
            margin: 0px;
            padding: 0px;
        }


    .breadcrumbs {
        display: none;
    }


    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            margin: 10px 0;
            padding-left: 45px;
        }

            ol.round li.zero {
                background: url("../images/orderedList0.png") no-repeat;
            }

            ol.round li.one {
                background: url("../images/orderedList1.png") no-repeat;
            }

            ol.round li.two {
                background: url("../images/orderedList2.png") no-repeat;
            }

            ol.round li.three {
                background: url("../images/orderedList3.png") no-repeat;
            }

            ol.round li.four {
                background: url("../images/orderedList4.png") no-repeat;
            }

            ol.round li.five {
                background: url("../images/orderedList5.png") no-repeat;
            }

            ol.round li.six {
                background: url("../images/orderedList6.png") no-repeat;
            }

            ol.round li.seven {
                background: url("../images/orderedList7.png") no-repeat;
            }

            ol.round li.eight {
                background: url("../images/orderedList8.png") no-repeat;
            }

            ol.round li.nine {
                background: url("../images/orderedList9.png") no-repeat;
            }

            ol.round li.bullet {
                background: url("../images/orderedListbullet.png") no-repeat;
            }

            ol.round li.cloud {
                background: url("../images/orderedListcloud.png") no-repeat;
                padding-left: 30px;
            }

            ol.round li.build {
                background: url("../images/orderedListbuild.png") no-repeat;
                padding-left: 30px;
            }

            ol.round li.automate {
                background: url("../images/orderedListautomate.png") no-repeat;
                padding-left: 30px;
            }

            ol.round li.deliver {
                background: url("../images/orderedListdeliver.png") no-repeat;
                padding-left: 30px;
            }

    /*mobile table*/
    table, thead, tbody, tfoot, th, td, tr {
        display: block;
        width: 100%;
    }

        tr + tr {
            margin-top: 1em;
            display: block;
            width: 100%;
        }
    /*end moble table*/

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

    /* menu */
    ul.nav > li {
        float: left;
        border: 1px solid red;
        position: relative;
        height: 24px;
    }

    ul.nav ul {
        left: -10000px;
        position: absolute;
    }

    ul.nav > li:hover ul {
        left: 0;
        top: 24px; /* IE7 has problems without this */
    }

    ul.topnav {
        list-style: none;
        float: left;
        width: 98%;
        color: White;
        background-color: #222222;
        background: #333;
        background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#222));
        background: -moz-linear-gradient(top, #666, #222);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#222222');
        height: 30px;
        padding-top: 5px;
        font-weight: bolder;
    }




    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 50px 0;
        position: relative;
        margin-top: -150px;
        background-color: white;
        padding-left: 20px;
        padding-right: 40px;
        margin-right: 20px;
    }

    .main-content {
    }


    .mobilehide {
        display: none;
    }


    .content-wrapper {
        padding-right: 10px;
        padding-left: 25px;
        max-width: 1010px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */

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



    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }






    article {
        float: none;
        width: 100%;
        position: absolute;
        bottom: -350px;
    }

    aside {
        float: none;
        position: absolute;
        bottom: -300px;
        width: 100%;
        height: 200px; /* Height of the footer */
        padding-bottom: 20px;
    }









    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        padding-top: 600px;
        text-align: center;
        height: auto;
        padding: 10px 0;
        margin-left: 30px;
        display: none;
    }

        footer p {
            margin: 0;
        }

    body {
        width: 100%;
        min-height: 450px;
    }



    .wrapper_menu,
    .wrapper_menu_full {
        width: 100%;
        margin: 0;
        float: left;
    }

        .wrapper_menu .menu {
            padding: 6px 0 3px 0;
        }

        .wrapper_menu_full .menu,
        .wrapper_menu_full .menu .menu_whole_width {
            padding: 3px 0 1px 0;
        }

            .wrapper_menu .menu,
            .wrapper_menu_full .menu,
            .wrapper_menu_full .menu .menu_whole_width {
                width: 100%;
                margin: 0;
                height: auto;
                float: left;
                border: none;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

    /* Menu Items */

    .menu > li,
    .menu .menu_whole_width > li,
    .menu > li.right,
    .menu .menu_whole_width > li.right {
        height: 35px;
        position: static;
        margin: 0 15px 0 0;
        float: left;
        right: auto;
    }

        .menu > li:hover,
        .menu .menu_whole_width > li:hover,
        .menu > li.right:hover,
        .menu .menu_whole_width > li.right:hover {
            height: 33px;
            margin-right: 14px;
        }

        .menu > li.nodrop:hover,
        .menu .menu_whole_width > li.nodrop:hover {
            height: 20px;
            margin-bottom: 5px;
        }

    /* Menu Drop Downs */

    .menu .dropdown_1column,
    .menu .dropdown_2columns,
    .menu .dropdown_3columns,
    .menu .dropdown_4columns,
    .menu .dropdown_5columns,
    .menu .dropdown_fullwidth,
    .menu li .align_right {
        width: 96%;
        border: none;
        float: left;
        padding: 2%;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }

    /* Menu Drop Downs Columns */

    .menu .col_1,
    .menu .col_2,
    .menu .col_3,
    .menu .col_4,
    .menu .col_5,
    .menu .col_6 {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        float: left;
        display: block;
    }

    .menu > .col_1,
    .menu > .col_2,
    .menu > .col_3,
    .menu > .col_4,
    .menu > .col_5,
    .menu > .col_6 {
        margin-left: 20%;
        margin-right: 2%;
    }

    .menu li:hover .dropdown_1column,
    .menu li:hover .dropdown_2columns,
    .menu li:hover .dropdown_3columns,
    .menu li:hover .dropdown_4columns,
    .menu li:hover .dropdown_5columns,
    .menu li:hover .dropdown_fullwidth,
    .menu li:hover .align_right,
    .menu li.right:hover .dropdown_fullwidth,
    .wrapper_menu_full .menu li.right:hover .dropdown_fullwidth {
        left: 0;
        top: auto;
        margin: -1px 0 0 0;
    }

    /* Menu Typography and Elements */

    .menu h1 {
        font-size: 1.7em;
        margin-bottom: 0.6em;
    }

    .menu h2 {
        font-size: 1.4em;
        margin-bottom: 0.6em;
    }

    .menu h3 {
        font-size: 1.1em;
        margin-bottom: 0.6em;
    }

    .menu p,
    .menu ul {
        font-size: 0.9em;
        line-height: 1.8em;
        margin-bottom: 1.5em;
    }

    .menu li .greybox li,
    .menu li .greybox li:hover {
        margin: 0 15px 4px 0;
        padding: 4px 9px 4px 9px;
        width: auto;
    }

    /* Regular Drop Down (turned into a list) */

    .menu .levels li,
    .menu .levels li ul {
        position: relative;
        width: auto;
        top: auto;
        margin: 0;
        padding: 0;
        left: auto;
        float: left;
        border: none;
        background: none;
    }

        .menu .levels li a {
            width: auto;
            float: left;
            display: inline;
            margin: 0 20px 12px 0;
        }

        .menu .levels li:hover ul,
        .menu .levels li:hover ul ul,
        .menu .levels li:hover ul ul ul {
            left: auto;
        }

    .menu_dark_theme ul .levels a.parent,
    .menu_dark_theme ul .levels a.parent:hover,
    .menu_dark_theme ul .levels li ul,
    .menu_light_theme ul .levels a.parent,
    .menu_light_theme ul .levels a.parent:hover,
    .menu_light_theme ul .levels li ul {
        background: none;
        border: none;

    }

    /* Menu Contact Form */

    .contact_form label {
        width: 96%;
    }

    .contact_form input,
    .contact_form textarea,
    .contact_form select {
        width: 96%;
    }

    .contact_form .form_buttons {
        margin: 4px 0 0 0;
    }
}
/* END: Mobile Styles @ media 600 */

@media print {
    .myform {
        margin: 0 auto;
        width: 100%;
        padding: 10px;
        margin-top: -100px;
        height: auto;
    }


    /* ----------- stylized ----------- */
    #stylized {
        margin-top: 10px;
        background: #37437F;
    }

        #stylized p {
            color: white;
            margin-left: 10px;
            margin-right: 10px;
        }

        #stylized input {
            width: 95%;
        }

            #stylized input[type=checkbox] {
                width: 1em;
            }

        #stylized button {
            clear: both;
            margin: 0px;
            padding: 0px;
            width: 50px;
        }

    td input[type="submit"],
    td input[type="button"],
    td button {
        margin: 0px;
        padding: 0px;
    }



    .breadcrumbs {
        display: none;
    }

    .noprint {
        display: none;
    }

    body {
        font: 12pt, Segoe UI;
    }
}



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

    html {
        background-color: white;
        margin-left: 0px;
    }



    .mobileshow {
        display: block;
    }

    .myform {
        margin: 0 auto;
        width: 100%;
        min-width: 100%;
        padding: 10px;
        margin-top: -100px;
        height: auto;
        padding-bottom: 100px;
    }


    /* ----------- stylized ----------- */
    #stylized {
        margin-top: 10px;
        background: #37437F;
        width: 100%;
    }

        #stylized p {
            color: white;
            margin-left: 10px;
            margin-right: 10px;
        }

        #stylized input {
            width: 95%;
        }

            #stylized input[type=textbox] {
                width: 95%;
            }

            #stylized input[type=checkbox] {
                width: 1em;
            }




        #stylized button {
            clear: both;
            margin-left: -100px;
        }

    td input[type="submit"],
    td input[type="button"],
    td button {
        margin: 0px;
        padding: 0px;
    }



    .breadcrumbs {
        display: none;
    }

    .mobilehide {
        display: none;
    }

    .wrapper_menu .menu_light_theme .menu .menu_black .dropdown_5columns .col_6 .firstcolumn .col_2 .drop .nodrop {
        display: none;
    }

    .nonmobilemenu {
        display: none;
    }

    .mobilemenu {
        display: block;
        position: relative;
        top: 150px;
    }

    .logoscale {
        width: 95%;
    }


    .FeaturedContent {
        display: none;
    }

    body {
        position: relative;
        top: -150px;
    }

    .main-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0px;
        margin-top: 0px;
        margin-right: 20px;
    }





    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            margin: 10px 0;
            padding-left: 45px;
        }

            ol.round li.zero {
                background: url("../images/orderedList0.png") no-repeat;
            }

            ol.round li.one {
                background: url("../images/orderedList1.png") no-repeat;
            }

            ol.round li.two {
                background: url("../images/orderedList2.png") no-repeat;
            }

            ol.round li.three {
                background: url("../images/orderedList3.png") no-repeat;
            }

            ol.round li.four {
                background: url("../images/orderedList4.png") no-repeat;
            }

            ol.round li.five {
                background: url("../images/orderedList5.png") no-repeat;
            }

            ol.round li.six {
                background: url("../images/orderedList6.png") no-repeat;
            }

            ol.round li.seven {
                background: url("../images/orderedList7.png") no-repeat;
            }

            ol.round li.eight {
                background: url("../images/orderedList8.png") no-repeat;
            }

            ol.round li.nine {
                background: url("../images/orderedList9.png") no-repeat;
            }

            ol.round li.bullet {
                background: url("") no-repeat;
                visibility: hidden;
            }

            ol.round li.cloud {
                background: url("") no-repeat;
            }

            ol.round li.build {
                background: url("") no-repeat;
            }

            ol.round li.automate {
                background: url("") no-repeat;
            }

            ol.round li.deliver {
                background: url("") no-repeat;
            }
}





.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
    overflow: visible;
}

input[type="submit"] {
    width: 125px;
    height: 50px;
    border: solid 2px #fff;
    text-align: center;
    margin-top: 20px;
    line-height: 30px;
    background-color: transparent;
    /*font-variant: small-caps;*/
    color: white;
    text-indent: 1px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-left: 40%;
    margin-bottom: 20px;
    font-family: 'Segoe UI Light';
    font-size: 1.5em;
}

input[type="text"],
select {
    max-width: 100%;
    min-width: 75%;
}

textarea,
input[type="text"],
select,
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border: 2px solid #dce4ec;
    color: #34495e;
    font-size: 14px;
    padding: 3px 5px 3px 5px;
    text-indent: 1px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    textarea:-moz-placeholder,
    input[type="text"]:-moz-placeholder,
    select:-moz-placeholder,
    input[type="password"]:-moz-placeholder,
    input[type="datetime"]:-moz-placeholder,
    input[type="datetime-local"]:-moz-placeholder,
    input[type="date"]:-moz-placeholder,
    input[type="month"]:-moz-placeholder,
    input[type="time"]:-moz-placeholder,
    input[type="week"]:-moz-placeholder,
    input[type="number"]:-moz-placeholder,
    input[type="email"]:-moz-placeholder,
    input[type="url"]:-moz-placeholder,
    input[type="search"]:-moz-placeholder,
    input[type="tel"]:-moz-placeholder,
    input[type="color"]:-moz-placeholder,
    .uneditable-input:-moz-placeholder {
        color: #acb6c0;
    }

    textarea::-webkit-input-placeholder,
    input[type="text"]::-webkit-input-placeholder,
    select::-webkit-input-placeholder,
    input[type="password"]::-webkit-input-placeholder,
    input[type="datetime"]::-webkit-input-placeholder,
    input[type="datetime-local"]::-webkit-input-placeholder,
    input[type="date"]::-webkit-input-placeholder,
    input[type="month"]::-webkit-input-placeholder,
    input[type="time"]::-webkit-input-placeholder,
    input[type="week"]::-webkit-input-placeholder,
    input[type="number"]::-webkit-input-placeholder,
    input[type="email"]::-webkit-input-placeholder,
    input[type="url"]::-webkit-input-placeholder,
    input[type="search"]::-webkit-input-placeholder,
    input[type="tel"]::-webkit-input-placeholder,
    input[type="color"]::-webkit-input-placeholder,
    .uneditable-input::-webkit-input-placeholder {
        color: #acb6c0;
    }

    textarea.placeholder,
    input[type="text"].placeholder,
    select.placeholder,
    input[type="password"].placeholder,
    input[type="datetime"].placeholder,
    input[type="datetime-local"].placeholder,
    input[type="date"].placeholder,
    input[type="month"].placeholder,
    input[type="time"].placeholder,
    input[type="week"].placeholder,
    input[type="number"].placeholder,
    input[type="email"].placeholder,
    input[type="url"].placeholder,
    input[type="search"].placeholder,
    input[type="tel"].placeholder,
    input[type="color"].placeholder,
    .uneditable-input.placeholder {
        color: #acb6c0;
    }

    textarea:focus,
    input[type="text"]:focus,
    select:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
        border-color: #1abc9c;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.control-group.error textarea, .control-group.error input[type="text"], .control-group.error select, .control-group.error input[type="password"], .control-group.error input[type="datetime"], .control-group.error input[type="datetime-local"], .control-group.error input[type="date"], .control-group.error input[type="month"], .control-group.error input[type="time"], .control-group.error input[type="week"], .control-group.error input[type="number"], .control-group.error input[type="email"], .control-group.error input[type="url"], .control-group.error input[type="search"], .control-group.error input[type="tel"], .control-group.error input[type="color"], .control-group.error .uneditable-input {
    border-color: #e74c3c;
    color: #e74c3c;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .control-group.error textarea:focus, .control-group.error input[type="text"]:focus, .control-group.error select:focus, .control-group.error input[type="password"]:focus, .control-group.error input[type="datetime"]:focus, .control-group.error input[type="datetime-local"]:focus, .control-group.error input[type="date"]:focus, .control-group.error input[type="month"]:focus, .control-group.error input[type="time"]:focus, .control-group.error input[type="week"]:focus, .control-group.error input[type="number"]:focus, .control-group.error input[type="email"]:focus, .control-group.error input[type="url"]:focus, .control-group.error input[type="search"]:focus, .control-group.error input[type="tel"]:focus, .control-group.error input[type="color"]:focus, .control-group.error .uneditable-input:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.control-group.success textarea, .control-group.success input[type="text"], .control-group.success select, .control-group.success input[type="password"], .control-group.success input[type="datetime"], .control-group.success input[type="datetime-local"], .control-group.success input[type="date"], .control-group.success input[type="month"], .control-group.success input[type="time"], .control-group.success input[type="week"], .control-group.success input[type="number"], .control-group.success input[type="email"], .control-group.success input[type="url"], .control-group.success input[type="search"], .control-group.success input[type="tel"], .control-group.success input[type="color"], .control-group.success .uneditable-input {
    border-color: #2ecc71;
    color: #2ecc71;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .control-group.success textarea:focus, .control-group.success input[type="text"]:focus, .control-group.success select:focus, .control-group.success input[type="password"]:focus, .control-group.success input[type="datetime"]:focus, .control-group.success input[type="datetime-local"]:focus, .control-group.success input[type="date"]:focus, .control-group.success input[type="month"]:focus, .control-group.success input[type="time"]:focus, .control-group.success input[type="week"]:focus, .control-group.success input[type="number"]:focus, .control-group.success input[type="email"]:focus, .control-group.success input[type="url"]:focus, .control-group.success input[type="search"]:focus, .control-group.success input[type="tel"]:focus, .control-group.success input[type="color"]:focus, .control-group.success .uneditable-input:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.control-group.warning textarea, .control-group.warning input[type="text"], .control-group.warning select, .control-group.warning input[type="password"], .control-group.warning input[type="datetime"], .control-group.warning input[type="datetime-local"], .control-group.warning input[type="date"], .control-group.warning input[type="month"], .control-group.warning input[type="time"], .control-group.warning input[type="week"], .control-group.warning input[type="number"], .control-group.warning input[type="email"], .control-group.warning input[type="url"], .control-group.warning input[type="search"], .control-group.warning input[type="tel"], .control-group.warning input[type="color"], .control-group.warning .uneditable-input {
    border-color: #f1c40f;
    color: #f1c40f;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .control-group.warning textarea:focus, .control-group.warning input[type="text"]:focus, .control-group.warning select:focus, .control-group.warning input[type="password"]:focus, .control-group.warning input[type="datetime"]:focus, .control-group.warning input[type="datetime-local"]:focus, .control-group.warning input[type="date"]:focus, .control-group.warning input[type="month"]:focus, .control-group.warning input[type="time"]:focus, .control-group.warning input[type="week"]:focus, .control-group.warning input[type="number"]:focus, .control-group.warning input[type="email"]:focus, .control-group.warning input[type="url"]:focus, .control-group.warning input[type="search"]:focus, .control-group.warning input[type="tel"]:focus, .control-group.warning input[type="color"]:focus, .control-group.warning .uneditable-input:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.control-group.info textarea, .control-group.info input[type="text"], .control-group.info select, .control-group.info input[type="password"], .control-group.info input[type="datetime"], .control-group.info input[type="datetime-local"], .control-group.info input[type="date"], .control-group.info input[type="month"], .control-group.info input[type="time"], .control-group.info input[type="week"], .control-group.info input[type="number"], .control-group.info input[type="email"], .control-group.info input[type="url"], .control-group.info input[type="search"], .control-group.info input[type="tel"], .control-group.info input[type="color"], .control-group.info .uneditable-input {
    border-color: #3498db;
    color: #3498db;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .control-group.info textarea:focus, .control-group.info input[type="text"]:focus, .control-group.info select:focus, .control-group.info input[type="password"]:focus, .control-group.info input[type="datetime"]:focus, .control-group.info input[type="datetime-local"]:focus, .control-group.info input[type="date"]:focus, .control-group.info input[type="month"]:focus, .control-group.info input[type="time"]:focus, .control-group.info input[type="week"]:focus, .control-group.info input[type="number"]:focus, .control-group.info input[type="email"]:focus, .control-group.info input[type="url"]:focus, .control-group.info input[type="search"]:focus, .control-group.info input[type="tel"]:focus, .control-group.info input[type="color"]:focus, .control-group.info .uneditable-input:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

input[disabled],
input[readonly],
textarea[disabled],
textarea[readonly] {
    background-color: transparent;
    border-color: transparent;
    color: #cad2d3;
    cursor: default;
    margin: 0px;
    padding: 0px;
    line-height: 1.5em;
}

input,
textarea,
.uneditable-input {
    width: 192px;
}


.nowrap_list {
    font-family: 'Segoe UI';
    float: left;
    display: block;
    vertical-align: middle;
    font-size: .85em;
    white-space: nowrap;
}



.ListControl label {
    display: block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    line-height: 1em;
    display: none;
}



.cross:before {
    content: "\2716";
}


.ButtonAsLink {
    clear: both;
    font-size: 1em;
    font-family: 'Segoe UI';
    font-variant: normal;
    background-color: transparent;
    border: none;
    color: #5386bd;
    cursor: pointer;
    margin-top: -10px;
    margin-left: -5px;
    margin-bottom: 0px;
    padding-top: -20px;
    padding-left: 0px;
    padding: 0px;
    width: auto;
    font-style: normal;
    font-weight: normal;
}

/*The below is for growl;*/
#bar {
    background: #252823;
    padding: 5px 10px;
    border-bottom: 4px solid #C3D3DA;
}

    #bar h1 {
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 1.5em;
        letter-spacing: -1px;
        text-shadow: 0 0 4px #000000;
    }

        #bar h1 span {
            color: #C3D3DA;
        }

    #bar div {
        float: right;
        margin-top: 50px;
        padding: 20px 20px 0 0;
    }

    #bar a {
        color: #fff;
    }

.message {
    padding: 10px;
    margin: 15px 0;
    display: block;
    text-align: left;
}

.message-title {
    font-weight: bold;
    font-size: 1.25em;
}

.message-body {
    margin-top: 4px;
}

.error, .notice, .success {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
}

.error {
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}

.notice {
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}

.success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}

.error a {
    color: #8a1f11;
}

.notice a {
    color: #514721;
}

.success a {
    color: #264409;
}

.ui-notify {
    width: 350px;
    position: fixed;
    top: 20%;
    right: 10px;
}

.ui-notify-message {
    padding: 10px;
    margin-bottom: 15px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

    .ui-notify-message h1 {
        font-size: 1.5em;
        margin: 0;
        padding: 0;
    }

    .ui-notify-message p {
        margin: 3px 0;
        padding: 0;
        line-height: 18px;
    }

    .ui-notify-message a {
        color: yellow;
    }

    .ui-notify-message:last-child {
        margin-bottom: 0;
    }

.ui-notify-message-style {
    background: #000;
    background: rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
}

    .ui-notify-message-style h1 {
        color: #fff;
        font-weight: bold;
    }

    .ui-notify-message-style p {
        color: #fff;
    }

.ui-notify-close {
    color: #fff;
    text-decoration: underline;
}

.ui-notify-click {
    cursor: pointer;
}

.ui-notify-cross {
    margin-top: -4px;
    float: right;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
    padding: 2px;
}

    .ui-notify-cross:hover {
        color: #ffffab;
    }

    .ui-notify-cross:active {
        position: relative;
        top: 1px;
    }



/*The below is for the wizard;*/
#wizHeader li .prevStep {
    background-color: #5386bd;
}

    #wizHeader li .prevStep:after {
        border-left-color: #5386bd !important;
    }

#wizHeader li .currentStep {
    background-color: #5386bd;
}

    #wizHeader li .currentStep:after {
        border-left-color: #5386bd !important;
    }

#wizHeader li .nextStep {
    background-color: #C2C2C2;
}

    #wizHeader li .nextStep:after {
        border-left-color: #C2C2C2 !important;
    }

#wizHeader {
    list-style: none;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

    #wizHeader li {
        float: left;
    }

        #wizHeader li a {
            color: white;
            text-decoration: none;
            padding: 10px 0 10px 55px;
            background-color: #C2C2C2;
            position: relative;
            display: block;
            float: left;
        }

            #wizHeader li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid hsla(34,85%,35%,1);
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 1;
            }

            #wizHeader li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        #wizHeader li:first-child a {
            padding-left: 10px;
        }

        #wizHeader li:last-child {
            padding-right: 50px;
        }

        #wizHeader li a:hover {
            background: #002850;
        }

            #wizHeader li a:hover:after {
                border-left-color: #002850 !important;
            }

@font-face {
    font-family: 'icomoon';
    src:    url('https://i.icomoon.io/public/temp/3482092b65/UntitledProject/icomoon.eot?7up3gr');
    src:    url('https://i.icomoon.io/public/temp/3482092b65/UntitledProject/icomoon.eot?7up3gr#iefix') format('embedded-opentype'),
        url('https://i.icomoon.io/public/temp/3482092b65/UntitledProject/icomoon.ttf?7up3gr') format('truetype'),
        url('https://i.icomoon.io/public/temp/3482092b65/UntitledProject/icomoon.woff?7up3gr') format('woff'),
        url('https://i.icomoon.io/public/temp/3482092b65/UntitledProject/icomoon.svg?7up3gr#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-info:before {
    content: "\e900";
}
.icon-info2:before {
    content: "\e901";
}


 .dropdown {
        position: relative;
        display: inline-block;
        color: white;
        padding: 0 20px 15px 20px;
       
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #313443;
        min-width: 300px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 12px 16px;
        width:auto;

        margin-left:-20px;
    }

    .dropdown:hover .dropdown-content {
        display: block;
        cursor: pointer;
          text-decoration:none;        
        
    }

     .dropdown:hover{
     background-color:#313443;
     }

.dropdown-content a {
    border:none;
  outline:none;
  text-decoration:none;
  color:inherit;
}