#sliderFrame {
    margin: 0 auto;
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    position: relative;
    width: 100%;
    min-height: 75%;
    left: 0;
    top: 150px;
    cursor: default;
    overflow: hidden;

}

.ste-header {
    height:22%; /*126px; or 19.9%*/
    min-height:155px;
    position: fixed;
    left: 0%;
    width: 100%;
   
    font-family: "neotech-regular", Arial, Helvetica, sans-serif;
   // -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
    border-radius: 0px 0px 4px 5px;
    -moz-border-radius: 10px ;
    -webkit-border-radius: 0px 0px 5px 5px ;
    border-top: 1px dotted #F68121;
    overflow: hidden;
    text-shadow: 0px 0px 0px #203A8E, 0px 0px 0px #F78222, 0px 0px 0px #F78222;
    background: linear-gradient(bottom, #ECEBF5 10%, #FFF 100%);
    background: -webkit-linear-gradient(bottom, #ECEBF5 10%, #FFF 100%);
    background: -moz-linear-gradient(bottom, #ECEBF5 10%, #FFF 100%);
    background: -o-linear-gradient(bottom, #ECEBF5 10%, #FFF 100%);
    background: -ms-linear-gradient(bottom, #ECEBF5 10%, #FFF 100%);
    background: linear-gradient(bottom, #ECEBF5 10%, #FFF 100%);
    background-image:url('/images/stLogo_ns.png');
    background-size:25% 55%;
    background-position:calc(100% - 10px) center;
    background-repeat:no-repeat;
    
}

.ste-foter {
    min-height: 15px;
    position: fixed;
    left: 0%;
    width: 100%;
    font-family: "neotech-regular", Arial, Helvetica, sans-serif;
    font-family: "neotech-regular", Arial, Helvetica, sans-serif;
     bottom: 0;
    background-color: transparent;
    z-index: 4;  
    margin-bottom:1px;
    height:30%; //6% to hid

    
}
.ste-foter_D {
    margin-bottom:1px;
    min-height: 15px;
    position: fixed;
    left: 0%;
    width: 100%;
    font-family: "neotech-regular", Arial, Helvetica, sans-serif;
    font-family: "neotech-regular", Arial, Helvetica, sans-serif;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
    border-radius: 0px 0px 4px 5px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-top: 0px dotted #F68121;
    overflow: hidden;
    text-shadow: 0px 0px 0px #203A8E, 0px 0px 0px #F78222, 0px 0px 0px #F78222;
    box-shadow: 0px 0px 0px 1px #F68121;
    background: linear-gradient(bottom, #ECEBF5 100%, #FFF 0%);
    background: -webkit-linear-gradient(bottom, #ECEBF5 100%, #FFF 0%);
    background: -moz-linear-gradient(bottom, #ECEBF5 100%, #FFF 0%);
    background: -o-linear-gradient(bottom, #ECEBF5 100%, #FFF 0%);
    background: -ms-linear-gradient(bottom, #ECEBF5 100%, #FFF 0%);
    background: linear-gradient(bottom, #ECEBF5 100%, #FFF 0%);
    bottom: 0;
    background-color: #F4E6D5;
    z-index: 4;
    display: flex;
    display: -webkit-flex;
    height: 6%; 
    vertical-align: middle;
    text-align: center;
    align-items: center;
    
}

header {
    position: relative;
    background: none repeat scroll 0% 0% rgb(247, 251, 250);
    z-index: 10005;
}

table, ul.ste-hmenu {
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
    margin: 0;
    padding: 0;
}

/* Reset buttons border. It's important for input and button tags.
 * border-collapse should be separate for shadow in IE.
 */
.ste-button {
    border-collapse: separate;
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
    background: #90090B;
    background: linear-gradient(top, #B60C0E 0, #690708 100%) no-repeat;
    background: -webkit-linear-gradient(top, #B60C0E 0, #690708 100%) no-repeat;
    background: -moz-linear-gradient(top, #B60C0E 0, #690708 100%) no-repeat;
    background: -o-linear-gradient(top, #B60C0E 0, #690708 100%) no-repeat;
    background: -ms-linear-gradient(top, #B60C0E 0, #690708 100%) no-repeat;
    background: linear-gradient(top, #B60C0E 0, #690708 100%) no-repeat;
    -svg-background: linear-gradient(top, #B60C0E 0, #690708 100%) no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #90090B;
    padding: 0 15px;
    margin: 0 auto;
    height: 27px;
}

.ste-postcontent,
.ste-postheadericons,
.ste-postfootericons,
.ste-blockcontent,
ul.ste-vmenu a {
    text-align: left;
}

    .ste-postcontent,
    .ste-postcontent li,
    .ste-postcontent table,
    .ste-postcontent a,
    .ste-postcontent a:link,
    .ste-postcontent a:visited,
    .ste-postcontent a.visited,
    .ste-postcontent a:hover,
    .ste-postcontent a.hovered {
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        text-align: justify;
    }

        .ste-postcontent p {
            margin: 12px 0;
        }

        .ste-postcontent h1, .ste-postcontent h1 a, .ste-postcontent h1 a:link, .ste-postcontent h1 a:visited, .ste-postcontent h1 a:hover,
        .ste-postcontent h2, .ste-postcontent h2 a, .ste-postcontent h2 a:link, .ste-postcontent h2 a:visited, .ste-postcontent h2 a:hover,
        .ste-postcontent h3, .ste-postcontent h3 a, .ste-postcontent h3 a:link, .ste-postcontent h3 a:visited, .ste-postcontent h3 a:hover,
        .ste-postcontent h4, .ste-postcontent h4 a, .ste-postcontent h4 a:link, .ste-postcontent h4 a:visited, .ste-postcontent h4 a:hover,
        .ste-postcontent h5, .ste-postcontent h5 a, .ste-postcontent h5 a:link, .ste-postcontent h5 a:visited, .ste-postcontent h5 a:hover,
        .ste-postcontent h6, .ste-postcontent h6 a, .ste-postcontent h6 a:link, .ste-postcontent h6 a:visited, .ste-postcontent h6 a:hover,
        .ste-blockheader .t, .ste-blockheader .t a, .ste-blockheader .t a:link, .ste-blockheader .t a:visited, .ste-blockheader .t a:hover,
        .ste-vmenublockheader .t, .ste-vmenublockheader .t a, .ste-vmenublockheader .t a:link, 
        .ste-vmenublockheader .t a:visited, .ste-vmenublockheader .t a:hover,
        .ste-headline, .ste-headline a, .ste-headline a:link, .ste-headline a:visited, .ste-headline a:hover,
        .ste-slogan, .ste-slogan a, .ste-slogan a:link, .ste-slogan a:visited, .ste-slogan a:hover,
        .ste-postheader, .ste-postheader a, .ste-postheader a:link, .ste-postheader a:visited, 
        .ste-postheader a:hover {
            font-weight: normal;
            font-size: 32px;
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

        .ste-postcontent a, .ste-postcontent a:link {
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-decoration: none;
            color: #990A0C;
        }

            .ste-postcontent a:visited, .ste-postcontent a.visited {
                font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                text-decoration: none;
                color: #686A68;
            }

            .ste-postcontent a:hover, .ste-postcontent a.hover {
                font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                text-decoration: none;
                color: #C50D10;
            }

        .ste-postcontent h1 {
            color: #504E56;
            font-size: 32px;
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .ste-blockcontent h1 {
        font-size: 32px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .ste-postcontent h1 a, .ste-postcontent h1 a:link, .ste-postcontent h1 a:hover, .ste-postcontent h1 a:visited, .ste-blockcontent h1 a, .ste-blockcontent h1 a:link, .ste-blockcontent h1 a:hover, .ste-blockcontent h1 a:visited {
            font-size: 32px;
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .ste-postcontent h2 {
        color: #515251;
        font-size: 24px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .ste-blockcontent h2 {
        font-size: 24px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .ste-postcontent h2 a, .ste-postcontent h2 a:link, .ste-postcontent h2 a:hover, .ste-postcontent h2 a:visited, .ste-blockcontent h2 a, .ste-blockcontent h2 a:link, .ste-blockcontent h2 a:hover, .ste-blockcontent h2 a:visited {
            font-size: 24px;
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .ste-postcontent h3 {
        color: #C50D10;
        font-size: 16px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .ste-blockcontent h3 {
        font-size: 16px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .ste-postcontent h3 a, .ste-postcontent h3 a:link, .ste-postcontent h3 a:hover, .ste-postcontent h3 a:visited, .ste-blockcontent h3 a, .ste-blockcontent h3 a:link, .ste-blockcontent h3 a:hover, .ste-blockcontent h3 a:visited {
            font-size: 16px;
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .ste-postcontent h4 {
        color: #474847;
        font-size: 16px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .ste-blockcontent h4 {
        font-size: 16px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .ste-postcontent h4 a, .ste-postcontent h4 a:link, .ste-postcontent h4 a:hover, .ste-postcontent h4 a:visited, .ste-blockcontent h4 a, .ste-blockcontent h4 a:link, .ste-blockcontent h4 a:hover, .ste-blockcontent h4 a:visited {
            font-size: 16px;
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .ste-postcontent h5 {
        color: #474847;
        font-size: 13px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .ste-blockcontent h5 {
        font-size: 13px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .ste-postcontent h5 a, .ste-postcontent h5 a:link, .ste-postcontent h5 a:hover, .ste-postcontent h5 a:visited, .ste-blockcontent h5 a, .ste-blockcontent h5 a:link, .ste-blockcontent h5 a:hover, .ste-blockcontent h5 a:visited {
            font-size: 13px;
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

    .ste-postcontent h6 {
        color: #7E817E;
        font-size: 11px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .ste-blockcontent h6 {
        font-size: 11px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .ste-postcontent h6 a, .ste-postcontent h6 a:link, .ste-postcontent h6 a:hover, .ste-postcontent h6 a:visited, .ste-blockcontent h6 a, .ste-blockcontent h6 a:link, .ste-blockcontent h6 a:hover, .ste-blockcontent h6 a:visited {
            font-size: 11px;
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

header, footer, article, nav, #ste-hmenu-bg, .ste-sheet, .ste-hmenu a, .ste-vmenu a, .ste-slidenavigator > a, .ste-checkbox:before, .ste-radiobutton:before {
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
}

header, footer, article, nav, #ste-hmenu-bg, .ste-sheet, .ste-slidenavigator > a, .ste-checkbox:before, .ste-radiobutton:before {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
}

ol {
    list-style-position: inside;
}

html, body {
    height: 100%;

}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

body {
    padding: 0;
    margin: 0;
    min-width: 900px;
    color: #383938;
}

.ste-header:before,
#ste-header-bg:before,
.ste-layout-cell:before,
.ste-layout-wrapper:before,
.ste-footer:before,
.ste-nav:before,
#ste-hmenu-bg:before,
.ste-sheet:before {
    width: 100%;
    //content: " ";
    //display: table;
    // border-collapse: collapse;
    // border-spacing: 0;
}

.ste-header:after,
#ste-header-bg:after,
.ste-layout-cell:after,
.ste-layout-wrapper:after,
.ste-footer:after,
.ste-nav:after,
#ste-hmenu-bg:after,
.ste-sheet:after,
.cleared, .clearfix:after {
    clear: both;
    font: 0/0 serif;
    display: block;
    content: " ";
}

form {
    padding: 0 !important;
    margin: 0 !important;
}

table.position {
    position: relative;
    width: 100%;
    table-layout: fixed;
}

li h1, .ste-postcontent li h1, .ste-blockcontent li h1 {
    margin: 1px;
}

li h2, .ste-postcontent li h2, .ste-blockcontent li h2 {
    margin: 1px;
}

li h3, .ste-postcontent li h3, .ste-blockcontent li h3 {
    margin: 1px;
}

li h4, .ste-postcontent li h4, .ste-blockcontent li h4 {
    margin: 1px;
}

li h5, .ste-postcontent li h5, .ste-blockcontent li h5 {
    margin: 1px;
}

li h6, .ste-postcontent li h6, .ste-blockcontent li h6 {
    margin: 1px;
}

li p, .ste-postcontent li p, .ste-blockcontent li p {
    margin: 1px;
}


.ste-shapes {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}

.ste-slider-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.ste-slidenavigator > a {
    display: inline-block;
    vertical-align: middle;
    outline-style: none;
    font-size: 1px;
}

    .ste-slidenavigator > a:last-child {
        margin-right: 0 !important;
    }

.ste-object0 {
    display: block;
    left: 100%;
    margin-left: -149px;
    position: absolute;
    top: 0px;
    width: 300px;
    height: 280px;
    //background-image: url('../images/01.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.ste-object0_old {
    display: block;
    left: 100%;
    margin-left: -83px;
    position: absolute;
    top: 10px;
    width: 81px;
    height: 81px;
    background-image: url('../images/logo.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;

}


.default-responsive .ste-object0 {
    display: none;
}

.ste-headline {
    display: inline-block;
    position: absolute;
    min-width: 50px;
    top: 74px;
    left: 3.74%;
    margin-left: -17px !important;
    line-height: 100%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: -1;
}

    .ste-headline,
    .ste-headline a,
    .ste-headline a:link,
    .ste-headline a:visited,
    .ste-headline a:hover {
        font-size: 57px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        text-decoration: none;
        padding: 0;
        margin: 0;
        color: #B60C0E !important;
        white-space: nowrap;
    }

.ste-slogan {
    display: inline-block;
    position: absolute;
    min-width: 50px;
    top: 134px;
    left: 3.74%;
    line-height: 100%;
    margin-left: -11px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: -1;
    white-space: nowrap;
}

    .ste-slogan,
    .ste-slogan a,
    .ste-slogan a:link,
    .ste-slogan a:visited,
    .ste-slogan a:hover {
        font-size: 16px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: normal;
        font-style: normal;
        padding: 0;
        margin: 0;
        color: #0F0F10 !important;
    }


.custom-responsive .ste-header {
    // background-image: url('../images/header.png');
    background-position: center top;
}

.default-responsive .ste-header,
.default-responsive #ste-header-bg {
    background-image: url('../images/header.png');
}

.ste-header-inner {
    position: relative;
    width: 900px;
    z-index: auto !important;
    margin: 0 auto;
}

.ste-header > .widget {
    position: absolute;
    z-index: 101;
}

.ste-nav {
    background: #203A8E;
    background: linear-gradient(bottom, #93AFDB 0%, #203A8E 25%) no-repeat;
    background: -webkit-linear-gradient(bottom, #93AFDB 0%, #203A8E 25%) no-repeat;
    background: -moz-linear-gradient(bottom, #93AFDB 0%, #203A8E 25%) no-repeat;
    background: -o-linear-gradient(bottom, #93AFDB 0%, #203A8E 25%) no-repeat;
    background: -ms-linear-gradient(bottom, #93AFDB 0%, #203A8E 25%) no-repeat;
    background: linear-gradient(bottom, #93AFDB 0%, #203A8E 25%) no-repeat;
    -svg-background: linear-gradient(bottom, #93AFDB 0%, #203A8E 25%) no-repeat;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 2px 2px #faa31a;
    border: 0px solid #A50D0D;
    //border-bottom:1px solid #FFFFFF;
    padding: 3px 0 4px 0;
    
   // margin: -23px auto 0;
    position: absolute;
    z-index: 100;
    text-align: center;
    height: 36px;
    width:100%;
    top: calc(100% - 37px); /*116px*/
    font-weight: bold;
    font-size: 18px;
}

ul.ste-hmenu a, ul.ste-hmenu a:link, ul.ste-hmenu a:visited, ul.ste-hmenu a:hover {
    outline: none;
    position: relative;
    z-index: 11;
}

ul.ste-hmenu, ul.ste-hmenu ul {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;

}

    ul.ste-hmenu li {
        position: relative;
        z-index: 5;
        display: block;
        float:right;
        background: none;
        margin: 0;
        padding: 0;
        border: 0;
        
    }

        ul.ste-hmenu li:hover {
            z-index: 10000;
            white-space: normal;
        }

    ul.ste-hmenu:after, ul.ste-hmenu ul:after {
        content: ".";
        height: 0;
        display: block;
        visibility: hidden;
        overflow: hidden;
        clear: both;
    }

    ul.ste-hmenu, ul.ste-hmenu ul {
        min-height: 0;
    }

ul.ste-hmenu {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;


}

.ste-nav:before {
    content: ' ';
}

.desktop .body {
    width: 900px;
    padding-left: 5px;
    padding-right: 5px;
}

.ste-hmenu-extra1 {
    position: relative;
    display: block;
    float: left;
    width: auto;
    height: auto;
    background-position: center;
}

.ste-hmenu-extra2 {
    position: relative;
    display: block;
    float: right;
    width: auto;
    height: auto;
    background-position: center;
}

.ste-menuitemcontainer {
    margin: 0 auto;
}

ul.ste-hmenu > li {
    margin-left: 4px;
}

    ul.ste-hmenu > li:first-child {
        margin-left: 2px;
    }

    ul.ste-hmenu > li:last-child, ul.ste-hmenu > li.last-child {
        margin-right: 2px;
    }
    /*///////////////////////bassam saed*/
    ul.ste-hmenu > li > a {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid transparent;
        padding: 0 35px;
        margin: 0 auto;
        position: relative;
        display: block;
        height: 35px;
        cursor: pointer;
        text-decoration: none;
        color: #e9e9f8; /*color: #CECEFF;*/
        line-height: 30px;
        text-align: center;
        font-size:15px;
        font-weight:normal;
        font-family: st51,Calibri, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        color:#d3d3ff;
        /*box-shadow:none;*/
        
    }
    /*menu fontssssssssss*/
.ste-hmenu > li > a,
.ste-hmenu > li > a:link .ste-hmenu > li > a:visited .ste-hmenu > li > a.active,
.ste-hmenu > li > a:hover {
   /* font-size: 17px;
    /*font-family: st50,Calibri, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;*/
   // height: 23px;
   // text-align: center;
    //vertical-align: top;
    //line-height: 30px;
    /* line-height: 30px;
    /*font:14px st20 */
}

ul.ste-hmenu > li > a.active {
    background: #C6E2FF;
    background: linear-gradient(top, #A8A8FF 0, #A8A8FF 100%) no-repeat;
    background: -webkit-linear-gradient(top, #A8A8FF 0, #A8A8FF 100%) no-repeat;
    background: -moz-linear-gradient(top, #A8A8FF 0, #A8A8FF 100%) no-repeat;
    background: -o-linear-gradient(top, #A8A8FF 0, #A8A8FF 100%) no-repeat;
    background: -ms-linear-gradient(top, #A8A8FF 0, #A8A8FF 100%) no-repeat;
    background: linear-gradient(top, #A8A8FF 0, #A8A8FF 100%) no-repeat;
    -svg-background: linear-gradient(top, #A8A8FF 0, #A8A8FF 100%) no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 7px;
    border: 1px solid #008000;
    padding: 0 35px;
    margin: 0 auto;
    color: #3F403F;
}

ul.ste-hmenu > li > a.subMnClass {
    background: #CBD9EE;
    background: linear-gradient(top, #CBD9EE 0, #469FE8 100%) no-repeat;
    background: -webkit-linear-gradient(top, #CBD9EE 0, #469FE8 100%) no-repeat;
    background: -moz-linear-gradient(top, #CBD9EE 0, #469FE8 90%) no-repeat;
    background: -o-linear-gradient(top, #CBD9EE 0, #469FE8 100%) no-repeat;
    background: -ms-linear-gradient(top, #CBD9EE 0, #469FE8 100%) no-repeat;
    background: linear-gradient(top, #CBD9EE 0, #469FE8 100%) no-repeat;
    -svg-background: linear-gradient(top, #CBD9EE 0, #469FE8 100%) no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 5px;
    border: 1px solid #009F00;
    padding: 0 35px;
    margin: 0 auto;
    color: #3F403F;
}
/*BASSAM SAED*/
.list a:hover {
    color: #3F403F;
    background: none;
    background: linear-gradient(top, #CBD9EE 0, #469FE8 90%) no-repeat;
    background: -webkit-linear-gradient(top, #CBD9EE 0, #469FE8 90%) no-repeat;
    background: -moz-linear-gradient(top, #CBD9EE 0, #469FE8 90%) no-repeat;
    background: -o-linear-gradient(top, #CBD9EE 0, #469FE8 90%) no-repeat;
    background: -ms-linear-gradient(top, #CBD9EE 0, #469FE8 90%) no-repeat;
    background: linear-gradient(top, #CBD9EE 0, #469FE8 90%) no-repeat;
    font-weight:500;
    font-family:st20;
    color:#343131;
}

ul.ste-hmenu > li > a.subMnClassHover {
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    height: 25px;
    text-align: center;
    vertical-align: top;
}

ul.ste-hmenu > li > a:hover, .desktop ul.ste-hmenu > li:hover > a {
    background: #9797FF;
    background: linear-gradient(top, #9797FF 0, #9797FF 100%) no-repeat;
    background: -webkit-linear-gradient(top, #9797FF 0, #9797FF 100%) no-repeat;
    background: -moz-linear-gradient(top, #9797FF 0, #9797FF 100%) no-repeat;
    background: -o-linear-gradient(top, #9797FF 0, #9797FF 100%) no-repeat;
    background: -ms-linear-gradient(top, #9797FF 0, #9797FF 100%) no-repeat;
    background: linear-gradient(top, #9797FF 0, #9797FF 100%) no-repeat;
    -svg-background: linear-gradient(top, #9797FF 0, #9797FF 100%) no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #90090B;
    padding: 0 35px;
    margin: 0 auto;
}

ul.ste-hmenu > li > a:hover,
.desktop ul.ste-hmenu > li:hover > a {
    color: #303130;
    background: #72B2EA;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 5px;
}

ul.ste-hmenu > li:before {
    position: absolute;
    display: block;
    content: '';
    top: -3px;
    left: -3px;
    width: 4px;
    height: 30px;
    /*background: url('../images/menuseparator.png') center center no-repeat;*/
}

ul.ste-hmenu > li:first-child:before {
    display: none;
}

ul.ste-hmenu > li:last-child:before {
    /*//display: none;*/
}

ul.ste-hmenu li li a {
    background: #8A8792;
    border: 1px solid #625E68;
    padding: 0 22px;
    margin: 0 auto;
}

ul.ste-hmenu li li {
    float: none;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.desktop ul.ste-hmenu li li ul > li:first-child {
    margin-top: 0;
}

ul.ste-hmenu li li ul > li:last-child {
    margin-bottom: 0;
}

.ste-hmenu ul a {
    display: block;
    white-space: nowrap;
    height: 24px;
    min-width: 7em;
    border: 1px solid transparent;
    text-align: left;
    line-height: 24px;
    color: #EAEAEC;
    font-size: 12px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    margin: 0;
}

.ste-hmenu li li a {
    border-top-width: 0 !important;
}

.ste-hmenu li li:hover > a {
    border-top-width: 1px !important;
}

.ste-hmenu ul > li:first-child > a {
    border-top-width: 1px !important;
}

.ste-hmenu ul a:link,
.ste-hmenu ul a:visited,
.ste-hmenu ul a.active,
.ste-hmenu ul a:hover {
    text-align: left;
    line-height: 24px;
    color: #EAEAEC;
    font-size: 12px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-decoration: none;
    margin: 0;
}

ul.ste-hmenu ul li a:hover, .desktop ul.ste-hmenu ul li:hover > a {
    background: #625E68;
    border: 1px solid #9B9D9B;
    margin: 0 auto;
}

.ste-hmenu ul a:hover {
    color: #FFFFFF;
}

.ste-hmenu ul li a.ste-hmenu-before-hovered {
    border-bottom-width: 0 !important;
}

.desktop .ste-hmenu ul li:hover > a {
    color: #FFFFFF;
}

ul.ste-hmenu ul:before {
    background: #818381;
    margin: 0 auto;
    display: block;
    position: absolute;
    content: ' ';
    z-index: 1;
}

.desktop ul.ste-hmenu li:hover > ul {
    visibility: visible;
    top: 100%;
}

.desktop ul.ste-hmenu li li:hover > ul {
    top: 0;
    left: 100%;
}

ul.ste-hmenu ul {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background-image: url('../images/spacer.gif');
}

.desktop ul.ste-hmenu > li > ul {
    padding: 10px 30px 30px 30px;
    margin: -10px 0 0 -30px;
}

.desktop ul.ste-hmenu ul ul {
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
}

.desktop ul.ste-hmenu ul.ste-hmenu-left-to-right {
    right: auto;
    left: 0;
    margin: -10px 0 0 -30px;
}

.desktop ul.ste-hmenu ul.ste-hmenu-right-to-left {
    left: auto;
    right: 0;
    margin: -10px -30px 0 0;
}

.desktop ul.ste-hmenu li li:hover > ul.ste-hmenu-left-to-right {
    right: auto;
    left: 100%;
}

.desktop ul.ste-hmenu li li:hover > ul.ste-hmenu-right-to-left {
    left: auto;
    right: 100%;
}

.desktop ul.ste-hmenu ul ul.ste-hmenu-left-to-right {
    right: auto;
    left: 0;
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
}

.desktop ul.ste-hmenu ul ul.ste-hmenu-right-to-left {
    left: auto;
    right: 0;
    padding: 30px 10px 30px 30px;
    margin: -30px -10px 0 0;
}

.desktop ul.ste-hmenu li ul > li:first-child {
    margin-top: 0;
}

.desktop ul.ste-hmenu li ul > li:last-child {
    margin-bottom: 0;
}

.desktop ul.ste-hmenu ul ul:before {
    border-radius: 0;
    top: 30px;
    bottom: 30px;
    right: 30px;
    left: 10px;
}

.desktop ul.ste-hmenu > li > ul:before {
    top: 10px;
    right: 30px;
    bottom: 30px;
    left: 30px;
}

.desktop ul.ste-hmenu > li > ul.ste-hmenu-left-to-right:before {
    right: 30px;
    left: 30px;
}

.desktop ul.ste-hmenu > li > ul.ste-hmenu-right-to-left:before {
    right: 30px;
    left: 30px;
}

.desktop ul.ste-hmenu ul ul.ste-hmenu-left-to-right:before {
    right: 30px;
    left: 10px;
}

.desktop ul.ste-hmenu ul ul.ste-hmenu-right-to-left:before {
    right: 10px;
    left: 30px;
}

.ste-sheet {
    background: #FCFCFC;
    background: rgba(252, 252, 252, 0.5);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.07);
    border: 1px solid rgba(165, 13, 13, 0.5);
    margin: 10px auto 0;
    position: relative;
    cursor: auto;
    width: 900px;
    z-index: auto !important;
}

.ste-layout-wrapper {
    position: relative;
    margin: 0 auto 0 auto;
    z-index: auto !important;
}

.ste-content-layout {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.ste-content-layout-row {
    display: table-row;
}

.ste-layout-cell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
}

/* need only for content layout in post content */
.ste-postcontent .ste-content-layout {
    border-collapse: collapse;
}

.ste-block {
    margin: 5px;
}

div.ste-block img {
    border: none;
    margin: 0;
}

.ste-blockheader {
    padding: 10px 3px;
    margin: 0 auto;
}

    .ste-blockheader .t,
    .ste-blockheader .t a,
    .ste-blockheader .t a:link,
    .ste-blockheader .t a:visited,
    .ste-blockheader .t a:hover {
        color: #000000;
        font-size: 14px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        margin: 0 10px;
    }

.ste-blockcontent {
    padding: 3px;
    margin: 0 auto;
    color: #0A0A0A;
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

    .ste-blockcontent table,
    .ste-blockcontent li,
    .ste-blockcontent a,
    .ste-blockcontent a:link,
    .ste-blockcontent a:visited,
    .ste-blockcontent a:hover {
        color: #0A0A0A;
        font-size: 13px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .ste-blockcontent a, .ste-blockcontent a:link {
            color: #B60C0E;
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        }

            .ste-blockcontent a:visited, .ste-blockcontent a.visited {
                color: #606260;
                font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                text-decoration: none;
            }

            .ste-blockcontent a:hover, .ste-blockcontent a.hover {
                color: #B60C0E;
                font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                text-decoration: none;
            }

.ste-block ul > li:before {
    content: url('../images/blockbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: -10px;
}

.opera .ste-block ul > li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.ste-block li {
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    line-height: 125%;
    color: #3A3B3A;
}

.ste-block ul > li, .ste-block ol {
    padding: 0;
}

.ste-block ul > li {
    padding-left: 10px;
}

.ste-breadcrumbs {
    margin: 0 auto;
}

a.ste-button,
a.ste-button:link,
a:link.ste-button:link,
body a.ste-button:link,
a.ste-button:visited,
body a.ste-button:visited,
input.ste-button,
button.ste-button {
    text-decoration: none;
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #FFFFFF;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    line-height: 27px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.ste-button img {
    margin: 0;
    vertical-align: middle;
}

.firefox2 .ste-button {
    display: block;
    float: left;
}

input, select, textarea, a.ste-search-button span {
    vertical-align: middle;
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;

}

.ste-block select {
    width: 96%;
}

input.ste-button {
    float: none !important;
    -webkit-appearance: none;
}

.ste-button.active, .ste-button.active:hover {
    background: #76727E;
    background: linear-gradient(top, #888490 0, #7D7986 29%, #64616B 100%) no-repeat;
    background: -webkit-linear-gradient(top, #888490 0, #7D7986 29%, #64616B 100%) no-repeat;
    background: -moz-linear-gradient(top, #888490 0, #7D7986 29%, #64616B 100%) no-repeat;
    background: -o-linear-gradient(top, #888490 0, #7D7986 29%, #64616B 100%) no-repeat;
    background: -ms-linear-gradient(top, #888490 0, #7D7986 29%, #64616B 100%) no-repeat;
    background: linear-gradient(top, #888490 0, #7D7986 29%, #64616B 100%) no-repeat;
    -svg-background: linear-gradient(top, #888490 0, #7D7986 29%, #64616B 100%) no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #625E68;
    padding: 0 15px;
    margin: 0 auto;
}

    .ste-button.active, .ste-button.active:hover {
        color: #EDECEE !important;
    }

.ste-button.hover, .ste-button:hover {
    background: #8A8792;
    background: linear-gradient(top, #9C99A3 0, #7D7986 86%, #787481 100%) no-repeat;
    background: -webkit-linear-gradient(top, #9C99A3 0, #7D7986 86%, #787481 100%) no-repeat;
    background: -moz-linear-gradient(top, #9C99A3 0, #7D7986 86%, #787481 100%) no-repeat;
    background: -o-linear-gradient(top, #9C99A3 0, #7D7986 86%, #787481 100%) no-repeat;
    background: -ms-linear-gradient(top, #9C99A3 0, #7D7986 86%, #787481 100%) no-repeat;
    background: linear-gradient(top, #9C99A3 0, #7D7986 86%, #787481 100%) no-repeat;
    -svg-background: linear-gradient(top, #9C99A3 0, #7D7986 86%, #787481 100%) no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #76727E;
    padding: 0 15px;
    margin: 0 auto;
}

.ste-button.hover, .ste-button:hover {
    color: #000000 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
    background: #F9FAFB;
    margin: 0 auto;

}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea,select{
    width: auto;
    padding: 2px;
    //height:100%;
    /*color: #730709 !important;*/
    font-size: 13px;
    font-family: st20,'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;

}

    input.ste-error, textarea.ste-error {
        background: #F9FAFB;
        border: 1px solid #E2341D;
        margin: 0 auto;
    }

    input.ste-error, textarea.ste-error {
        color: #730709 !important;
        font-size: 13px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: normal;
        font-style: normal;
    }

form.ste-search input[type="text"] {
    background: #F9FAFB;
    border-radius: 0;
    margin: 0 auto;
    width: 100%;
    padding: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #730709 !important;
    font-size: 13px;
    font-family: st20,'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

form.ste-search {
    background-image: none;
    border: 0;
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    margin: 5px;
    left: 0;
    line-height: 0;
}

    form.ste-search input, a.ste-search-button {
        -webkit-appearance: none;
        top: 0;
        right: 0;
    }

    form.ste-search > input, a.ste-search-button {
        bottom: 0;
        left: 0;
        vertical-align: middle;
    }

    form.ste-search input[type="submit"] {
        background: #B4B6B4;
        margin: 0 auto;
        position: absolute;
        left: auto;
        display: block;
        border: 0;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 0 6px;
        color: #4C4D4C !important;
        font-size: 13px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: normal;
        font-style: normal;
        cursor: pointer;
    }

a.ste-search-button span.ste-search-button-text, a.ste-search-button:after {
    vertical-align: middle;
}

a.ste-search-button:after {
    display: inline-block;
    content: ' ';
    height: 100%;
}

a.ste-search-button, a.ste-search-button span,
a.ste-search-button:visited, a.ste-search-button.visited,
a.ste-search-button:hover, a.ste-search-button.hover {
    text-decoration: none;
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
}

a.ste-search-button {
    line-height: 100% !important;
}

label.ste-checkbox:before {
    background: #F9FAFB;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0 auto;
    width: 16px;
    height: 16px;
}

label.ste-checkbox {
    cursor: pointer;
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: 16px;
    display: inline-block;
    color: #430405 !important;
}

.ste-checkbox > input[type="checkbox"] {
    margin: 0 5px 0 0;
}

label.ste-checkbox.active:before {
    background: #8A8792;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
}

label.ste-checkbox.hovered:before {
    background: #A7A4AD;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
}

label.ste-radiobutton:before {
    background: #F9FAFB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
    width: 12px;
    height: 12px;
}

label.ste-radiobutton {
    cursor: pointer;
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    line-height: 12px;
    display: inline-block;
    color: #430405 !important;
}

.ste-radiobutton > input[type="radio"] {
    vertical-align: baseline;
    margin: 0 5px 0 0;
}

label.ste-radiobutton.active:before {
    background: #8A8792;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

label.ste-radiobutton.hovered:before {
    background: #A7A4AD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.ste-post {
    background: #FCFCFC;
    background: rgba(252, 252, 252, 0.3);
    padding: 10px;
}

a img {
    border: 0;
}

.ste-article img, img.ste-article, .ste-block img, .ste-footer img {
    margin: 7px 7px 7px 7px;
}

.ste-metadata-icons img {
    border: none;
    vertical-align: middle;
    margin: 2px;
}

.ste-article table, table.ste-article {
    border-collapse: collapse;
    margin: 1px;
}

.ste-post .ste-content-layout-br {
    height: 0;
}

.ste-article th, .ste-article td {
    padding: 2px;
    border: solid 1px #8A8792;
    vertical-align: top;
    text-align: left;
}

.ste-article th {
    text-align: center;
    vertical-align: middle;
    padding: 7px;
}

pre {
    overflow: auto;
    padding: 0.1em;
}

.preview-cms-logo {
    border: 0;
    margin: 1em 1em 0 0;
    float: left;
}

.image-caption-wrapper {
    padding: 7px 7px 7px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .image-caption-wrapper img {
        margin: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .image-caption-wrapper div.ste-collage {
        margin: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .image-caption-wrapper p {
        font-size: 80%;
        text-align: right;
        margin: 0;
    }

.ste-postheader {
    color: #37353B;
    margin: 10px 0 0;
    font-size: 24px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

    .ste-postheader a,
    .ste-postheader a:link,
    .ste-postheader a:visited,
    .ste-postheader a.visited,
    .ste-postheader a:hover,
    .ste-postheader a.hovered {
        font-size: 24px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

        .ste-postheader a, .ste-postheader a:link {
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-decoration: none;
            text-align: left;
            color: #A30A0D;
        }

            .ste-postheader a:visited, .ste-postheader a.visited {
                font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                text-decoration: none;
                text-align: left;
                color: #565856;
            }

            .ste-postheader a:hover, .ste-postheader a.hovered {
                font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
                text-decoration: none;
                text-align: left;
                color: #C50D10;
            }

.ste-postheadericons,
.ste-postheadericons a,
.ste-postheadericons a:link,
.ste-postheadericons a:visited,
.ste-postheadericons a:hover {
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #474847;
}

.ste-postheadericons {
    padding: 1px;
    margin: 10px 0 0;
}

    .ste-postheadericons a, .ste-postheadericons a:link {
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        text-decoration: none;
        color: #81080A;
    }

        .ste-postheadericons a:visited, .ste-postheadericons a.visited {
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: normal;
            font-style: italic;
            text-decoration: none;
            color: #444148;
        }

        .ste-postheadericons a:hover, .ste-postheadericons a.hover {
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: normal;
            font-style: italic;
            text-decoration: underline;
            color: #AD0B0E;
        }

.ste-postdateicon:before {
    content: url('../images/postdateicon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .ste-postdateicon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.ste-postpdficon:before {
    content: url('../images/postpdficon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .ste-postpdficon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.ste-postprinticon:before {
    content: url('../images/postprinticon.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .ste-postprinticon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.ste-postemailicon:before {
    content: url('../images/postemailicon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .ste-postemailicon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.ste-postcontent ul > li:before, .ste-post ul > li:before, .ste-textblock ul > li:before {
    content: url('../images/postbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .ste-postcontent ul > li:before, .opera .ste-post ul > li:before, .opera .ste-textblock ul > li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.ste-postcontent li, .ste-post li, .ste-textblock li {
    font-size: 13px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #0D0C0D;
    margin: 0 0 0 26px;
}

.ste-postcontent ul > li, .ste-post ul > li, .ste-textblock ul > li, .ste-postcontent ol, .ste-post ol, .ste-textblock ol {
    padding: 0;
}

.ste-postcontent ul > li, .ste-post ul > li, .ste-textblock ul > li {
    padding-left: 10px;
}

    .ste-postcontent ul > li:before, .ste-post ul > li:before, .ste-textblock ul > li:before {
        margin-left: -10px;
    }

.ste-postcontent ol, .ste-post ol, .ste-textblock ol, .ste-postcontent ul, .ste-post ul, .ste-textblock ul {
    margin: 1em 0 1em 26px;
}

.ste-postcontent li ol, .ste-post li ol, .ste-textblock li ol, .ste-postcontent li ul, .ste-post li ul, .ste-textblock li ul {
    margin: 0.5em 0 0.5em 26px;
}

.ste-postcontent li, .ste-post li, .ste-textblock li {
    margin: 0 0 0 0;
}

.ste-postcontent ol > li, .ste-post ol > li, .ste-textblock ol > li {
    /* overrides overflow for "ul li" and sets the default value */
    overflow: visible;
}

.ste-postcontent ul > li, .ste-post ul > li, .ste-textblock ul > li {
    /* makes "ul li" not to align behind the image if they are in the same line */
    overflow-x: visible;
    overflow-y: hidden;
}

blockquote {
    background: #FCFCFC url('../images/postquote.png') no-repeat scroll;
    padding: 6px 6px 6px 30px;
    margin: 10px 10px 10px 50px;
    color: #141514;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    /* makes block not to align behind the image if they are in the same line */
    overflow: auto;
    clear: both;
}

    blockquote a, .ste-postcontent blockquote a, .ste-blockcontent blockquote a, .ste-footer blockquote a,
    blockquote a:link, .ste-postcontent blockquote a:link, .ste-blockcontent blockquote a:link, .ste-footer blockquote a:link,
    blockquote a:visited, .ste-postcontent blockquote a:visited, .ste-blockcontent blockquote a:visited, .ste-footer blockquote a:visited,
    blockquote a:hover, .ste-postcontent blockquote a:hover, .ste-blockcontent blockquote a:hover, .ste-footer blockquote a:hover {
        color: #141514;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    /* Override native 'p' margins*/
    blockquote p,
    .ste-postcontent blockquote p,
    .ste-blockcontent blockquote p,
    .ste-footer blockquote p {
        margin: 0;
        margin: 3px;
    }

.ste-footer {
    background: #F78284;
    background: transparent;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 5px;
    margin: 0 auto;
    position: relative;
    color: #6E0709;
    font-size: 11px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-align: center;
}

    .ste-footer a,
    .ste-footer a:link,
    .ste-footer a:visited,
    .ste-footer a:hover,
    .ste-footer td,
    .ste-footer th,
    .ste-footer caption {
        color: #6E0709;
        font-size: 11px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    }

    .ste-footer p {
        padding: 0;
        text-align: center;
    }

    .ste-footer a,
    .ste-footer a:link {
        color: #8B090B;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        text-decoration: none;
    }

        .ste-footer a:visited {
            color: #494B49;
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-decoration: none;
        }

        .ste-footer a:hover {
            color: #B60C0E;
            font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-decoration: none;
        }

    .ste-footer h1 {
    }

    .ste-footer h2 {
    }

    .ste-footer h3 {
    }

    .ste-footer h4 {
    }

    .ste-footer h5 {
    }

    .ste-footer h6 {
    }

    .ste-footer img {
        border: none;
        margin: 0;
    }

    .ste-footer li {
        font-size: 13px;
        font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        line-height: 125%;
        color: #560607;
    }

.ste-page-footer,
.ste-page-footer a,
.ste-page-footer a:link,
.ste-page-footer a:visited,
.ste-page-footer a:hover {
    font-family: Arial;
    font-size: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #D0CFD3;
}

.ste-page-footer {
    position: relative;
    z-index: auto !important;
    padding: 1em;
    text-align: center !important;
    text-decoration: none;
    color: #D1D2D1;
}

.ste-lightbox-wrapper {
    background: #333;
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    padding: 0 100px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1000000;
}

    .ste-lightbox,
    .ste-lightbox-wrapper .ste-lightbox-image {
        cursor: pointer;
    }

    .ste-lightbox-wrapper .ste-lightbox-image {
        border: 6px solid #fff;
        border-radius: 3px;
        display: none;
        max-width: 100%;
        vertical-align: middle;
    }

        .ste-lightbox-wrapper .ste-lightbox-image.active {
            display: inline-block;
        }

    .ste-lightbox-wrapper .lightbox-error {
        background: #fff;
        border: 1px solid #b4b4b4;
        border-radius: 10px;
        box-shadow: 0 2px 5px #333;
        height: 80px;
        opacity: .95;
        padding: 20px;
        position: fixed;
        width: 300px;
        z-index: 100;
    }

    .ste-lightbox-wrapper .loading {
        background: #fff url('../images/preloader-01.gif') center center no-repeat;
        border: 1px solid #b4b4b4;
        border-radius: 10px;
        box-shadow: 0 2px 5px #333;
        height: 32px;
        opacity: .5;
        padding: 10px;
        position: fixed;
        width: 32px;
        z-index: 10100;
    }

    .ste-lightbox-wrapper .arrow {
        cursor: pointer;
        height: 100px;
        opacity: .5;
        filter: alpha(opacity=50);
        position: fixed;
        width: 82px;
        z-index: 10003;
    }

        .ste-lightbox-wrapper .arrow.left {
            left: 9px;
        }

        .ste-lightbox-wrapper .arrow.right {
            right: 9px;
        }

        .ste-lightbox-wrapper .arrow:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .ste-lightbox-wrapper .arrow.disabled {
            display: none;
        }

    .ste-lightbox-wrapper .arrow-t,
    .ste-lightbox-wrapper .arrow-b {
        background-color: #fff;
        border-radius: 3px;
        height: 6px;
        left: 26px;
        position: relative;
        width: 30px;
    }

    .ste-lightbox-wrapper .arrow-t {
        top: 38px;
    }

    .ste-lightbox-wrapper .arrow-b {
        top: 50px;
    }

    .ste-lightbox-wrapper .close {
        cursor: pointer;
        height: 22px;
        opacity: .5;
        filter: alpha(opacity=50);
        position: fixed;
        right: 39px;
        top: 30px;
        width: 22px;
        z-index: 10003;
    }

        .ste-lightbox-wrapper .close:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .ste-lightbox-wrapper .close .cw,
        .ste-lightbox-wrapper .close .ccw {
            background-color: #fff;
            border-radius: 3px;
            height: 6px;
            position: absolute;
            left: -4px;
            top: 8px;
            width: 30px;
        }

    .ste-lightbox-wrapper .cw {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        /* IE 9 */
        -webkit-transform: rotate(45deg);
        /* Safari and Chrome */
        -o-transform: rotate(45deg);
        /* Opera */
        -moz-transform: rotate(45deg);
        /* Firefox */
    }

    .ste-lightbox-wrapper .ccw {
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        /* IE 9 */
        -webkit-transform: rotate(-45deg);
        /* Safari and Chrome */
        -o-transform: rotate(-45deg);
        /* Opera */
        -moz-transform: rotate(-45deg);
        /* Firefox */
    }

    .ste-lightbox-wrapper .close-alt,
    .ste-lightbox-wrapper .arrow-right-alt,
    .ste-lightbox-wrapper .arrow-left-alt {
        color: #fff;
        display: none;
        font-size: 2.5em;
        line-height: 100%;
    }

.ie8 .ste-lightbox-wrapper .close-alt,
.ie8 .ste-lightbox-wrapper .arrow-right-alt,
.ie8 .ste-lightbox-wrapper .arrow-left-alt {
    display: block;
}

.ie8 .ste-lightbox-wrapper .cw,
.ie8 .ste-lightbox-wrapper .ccw {
    display: none;
}

.ste-content-layout .ste-sidebar1 {
    -webkit-border-radius: 6px 0 0;
    -moz-border-radius: 6px 0 0;
    border-radius: 6px 0 0;
    margin: 0 auto;
    width: 225px;
}

.ste-content-layout .ste-content {
    margin: 0 auto;
}

.ste-content-layout .ste-sidebar2 {
    -webkit-border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
    margin: 0 auto;
    width: 225px;
}

.HedLinks {
    color: #203A8E;
    margin: 10px;
    padding: 25px 1% 20px 1%;
    font: 20px Oswald;
    display: flex;
    height: 500px;
}

#Searchinput {
    background-color: #FFFFFF;
    border: 1px solid #C13F00;
    height: 31px;
    width: 225px;
    color: #CCC;
    border-left: none;
    border-right: none;
    border-radius: 20px;
    margin: 0px;
}

#SearchBuID {
    background: url(../images/Search121.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    border: none;
    margin: 5px 0 0 195px;
    position: absolute;
    cursor: pointer;
}

#SearchBuIDtxt {
    background: #ffffff;
    width: 190px;
    height: 23px;
    position: absolute;
    cursor: pointer;
    border: 0px;
    border-radius: 20px 0 0 20px;
    text-align: center;
    font-size: 16px;
    font-weight:600;
    color: #203A8E;
    margin: 1px 2px;
    padding-bottom: 2px;
    font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

#FoterID {
    position: fixed;
    background: none repeat scroll 0% 0% rgb(247, 251, 250);
    z-index: 10005;
    top: 12000px;
}

.MainMeun {
   box-shadow: 0.5px 0.5px 0px 1px #dcb672,inset -1px -1px 3px 0px #aecbf8;
  

   
}
/* Begin Additional CSS Styles */
.ste-blockheader .t, .ste-vmenublockheader .t {
    white-space: nowrap;
}
/* End Additional CSS Styles */
#ContianerDetail,#ContianerDetailOp,#regular_slider{
    transition:opacity 1.5s;
    -webkit-transition:opacity 1.5s;
}
#main_container {
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
}
#EditTable {
    border:0px solid red;
}
#EditTable tr {
    border:0px solid green;
}
    #EditTable td {
        border: 0px solid blue;
    }
.fr-code
{
    overflow-y:auto;
    max-height:180px;
}
.DeleteWarning{
    border:1px solid #A9A9A9;
 }
.DeleteWarning:hover{
    border:1px solid red;   
    box-shadow:1px 1px 1px 1px red;
}
.UpdateWarning{
    border:1px solid green;
 }
.UpdateWarning:hover{
    border:1px solid green;   
    box-shadow:1px 1px 1px 1px green;
}
.jobs_result tr:hover {
    background-color:#FFFFBB;
}
.jobs_att_vew td:hover {
    background-color:#FFFFBB;
}
#Main_hearder{
    border: 1px solid #ddd;
    border-radius: 0px;
    width: 50%;
    margin: auto auto;
}
.vTabTarResult {
    width: 60%;
    margin: 50px 20%;
    font: 13px st20;
    border: 1px solid #ddd;
}

.vTabTarResult td, th {
    min-height: 10px;
    border: 1px solid #ddd;
    vertical-align: middle;
    text-align: center;
    padding: 3px 0;
    direction: ltr;
    font: 13px st20;

}

.vTabTarResult th {
    background-color: #BFBFBF;
    color: #110c39;
    border: 1px solid white;
    font-weight: normal;
    padding: 4px 0;
    font: 14px st20;
}

.vTabTarResult tr:hover {
    background-color: #2ac7e1;
    color: white;
}

.vTabTarResult_b {
    width: 60%;
    margin: 50px 20%;
    font: 14px st20;
    border: 1px solid #ddd;
}

.vTabTarResult_b td, th {
    min-height: 10px;
    border: 1px solid #ddd;
    vertical-align: middle;
    text-align: center;
    padding: 3px 0;
    direction: ltr;
    font-weight: bolder;
    font: 13px st20;
}

.vTabTarResult_b th {
    background-color: #BFBFBF;
    color: #110c39;
    border: 1px solid white;
    font-weight: normal;
    padding: 4px 0;
    font: 14px st20;
}

.vTabTarResult_b tr:hover {
    background-color: #2ac7e1;
    color: white;
}

.mainDivtbl {
    border: 1px solid #ddd;
    margin-top: 50px;
    width: 80%;
    margin: 50px 10%;
}
#captcha{
    margin: -24px 0 0 133px;
}