/* Style 1 - Touch M ---------------------- */

/* ============================================= */
/* ======================== Foundation Default Styles Overwrite ===================== */
/* ============================================= */

.syntaxhighlighter .gutter .line {
    border-right: 3px solid #ff6633 !important;
}

/* ====> Global Reset & Standards <==== */

body {
    background: url(../images/texture_bg.png) repeat scroll 0 0 #444444;
    font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

body.toolbar-drawer {
    padding-top: 64px !important;
}
/* ====> Links <==== */
a {
    text-decoration: none;
    -webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
    -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
    -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
    transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
}

a:hover {
    color: #666;
}

a:focus {
    outline: none;
}

/* ====> Base Type Styles Using Modular Scale <==== */

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td {
    color: #333;
    font-size: 16px;
}

p {
    font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', 'Lucida Sans Unicode','Lucida Grande',sans-serif;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    margin: 20px 0;
    /*letter-spacing: -1px;*/
    font-weight: 400;
    color: #666;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

hr {
    border: dotted #ccc;
    border-width: 1px 0 0;
    clear: both;
    margin: 30px 0px;
    height: 0;
}

input, textarea, select {
    -webkit-appearance: none;
}

input[type="radio"] {
    -webkit-appearance: radio;
}

img {
    border: none;
    -webkit-box-sizing: content-box;
 /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box;
    /* Firefox, other Gecko */
    box-sizing: content-box;
         /* Opera/IE 8+ */;
}

.highlight {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

/* ======================== Images Classes ===================== */

.img_default {
    padding: 5px;
    border: 1px dotted #ccc;
    margin-bottom: 20px;
    text-align: center;
}

.img_type1 {
    background: #f2f2f2;
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

.img_type2 {
    background: #444;
    padding: 5px;
    border-bottom: 2px solid #999;
    margin-bottom: 20px;
}


/* ======================== Butons ===================== */

.button {
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif;
    font-weight: 500;
    font-size: 18px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.button.primary {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif;
}

.button:hover {
    color: white !important;
    background-color: #444;
}

.button:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: white;
}

/* Secondary */
.button.secondary {
    background: #444;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif;
    color: #fff;
}

.button.secondary:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: white;
}

/* Success */
.button.success {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif;
}

.button.success:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: white;
}

/* Alert */
.button.alert {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif;
}

.button.alert:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: white;
}

/* Tiny */
.button.tiny {
    font-size: 10px;
}

/* Small */
.button.small {
    font-size: 12px;
}

/* Large */
.button.large {
    font-size: 22px;
    /*letter-spacing: -1px;*/
}

/* Split Button */
.button.dropdown.split > span {
    border-left: 1px solid #fff;
    box-shadow: none;
}

.button.dropdown.split > a:hover {
    background-color: #444;
}

.button.dropdown.split > span:hover {
    background-color: #444;
}


/* ======================== Alerts ===================== */
div.alert-box {
    border: none;
    margin-bottom: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    text-shadow: none;
    position: relative;
}

/* ======================== Labels ===================== */

label {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
    color: #909090;
}

label span {
    font-weight: normal;
}


/* ======================== Forms ===================== */

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif;
    color: #999;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    font-size: 12px;
    margin: 0 0 20px 0;
    padding: 10px;
    height: auto;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-appearance: none;
}

input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
    font-size: 17px;
    padding: 4px 6px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background: #f2f2f2;
    outline: none !important;
    border-color: #ccc;
}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
    background-color: #ddd;
}

.prefix, .postfix {
    height: 39px;
    line-height: 39px;
}

form.custom div.custom.dropdown {
    height: 39px;
    margin-bottom: 9px;
    margin-top: 0px;
    position: relative;
    width: auto;
}

form.custom div.custom.dropdown a.current {
    line-height: 37px;
    min-height: 37px;
}

form.custom div.custom.dropdown a.selector {
    height: 39px;
}

/* ======================== Panels ===================== */

.panel {
    background: #f2f2f2;
    border: solid 1px #e5e5e5;
    margin: 0 0 22px 0;
    padding: 20px;
}

.panel > :first-child {
    margin-top: 0;
}

.panel > :last-child {
    margin-bottom: 0;
}

.panel.callout {
    color: #fff;
    border-color: #EE5511;
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
}

.panel.callout * {
    color: #fff;
}

.panel.callout a {
    color: #fff;
}

.panel.callout .button {
    background: white;
    border: none;
    color: #2ba6cb;
    text-shadow: none;
}

.panel.callout .button:hover {
    background: rgba(255, 255, 255, 0.8);
}

.panel.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.simple-panel {
    display: block;
    margin-bottom: 20px;
}

/* ============================================= */
/* ======================== Global ===================== */
/* ============================================= */

.container {
}

/* ============================================= */
/* ======================== TouchM Main Blocks ===================== */
/* ============================================= */

/* ====> Region 1 Wrap <==== */

.region1wrap {
    color: #999;
}

.region1wrap .columns {
    padding: 0;
}

/* ====> Region 2 Wrap <==== */

.region2wrap {
    padding-top: 10px;
    background: #fff;
}

.region2wrap .columns {
    /*padding: 0;*/
}

/* ====> Region 3 Wrap <==== */

.region3wrap {
    padding-top: 0px;
    background: url(../images/backgrounds/square_bg.png) repeat scroll 0 0 #f1f1f1;
    border-top: 0px solid #e5e5e5;
    border-bottom: 0px solid #e5e5e5;
    position: relative;
}

.region3wrap * {
}

/* ====> Region 4 Wrap <==== */

.region4wrap {
    background: none repeat scroll 0 0 #FFF;
}

/* ====> Region 5 Wrap <==== */

.region5wrap {
}

/* ====> Region 6 Wrap <==== */

.region6wrap {
}

/* ====> Region 7 Wrap <==== */

.region7wrap {
}

/* ====> Region 8 Wrap <==== */

.region8wrap {
}

/* ====> Region 9 Wrap <==== */

.region9wrap {
    border-bottom: 1px solid #333;
}

/* ====> Region 10 Wrap <==== */

.region10wrap {
    color: #999;
    border-top: 1px solid #666;
}

.region10wrap p {
    margin: 0;
    padding: 10px 0;
}


/* ============================================= */
/* ======================== HEADER ===================== */
/* ============================================= */

/* ===== Header ==== */

.top_header a {
    color: #999;
    /*font-size: 11px;*/
    display: block;
}

.top_header a:hover {
}

.top_header .link-list {
    margin: 15px 5px 15px 0;
    padding: 8px 0px 6px 0px;
    float: left;
    border-right: 1px dotted #999;
}

.top_header .link-list li {
    margin-left: 0px;
    margin-right: 10px;
}

.login {
    float: left;
    margin: 15px 0 15px 5px;
}

.login a {
    color: #FFF;
}

.login .button:hover {
    background-color: #999;
}

.user-control {
    padding: 10px 0px 11px;
}

.user-control a {
    display: inline;
    font-weight: 700;
}

.user-control .notification {
    border-radius: 50%;
    margin-left: -4px;
    margin-top: -8px;
    padding: 3px 6px;
    position: absolute;
    color: #fff;
}

.login-modal {
}

.login-modal .close-reveal-modal {
    color: #fff;
    padding: 8px;
    text-shadow: none;
}

.login-modal .close-reveal-modal:hover {
    background: #444;
}

/* ===== Social Header ==== */

.top_social {
    list-style: none;
    float: right;
    margin: 0px 0;
    height: 31px;
}

.top_social li {
    border-left: 1px dotted;
    float: left;
    padding: 0 8px;
}

.top_social li:first-child {
    margin-left: 0px;
    border: none;
    padding-left: 0;
}

.top_social li a {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    padding-top: 3px;
}

.top_social li a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.language-switcher-locale-url {
    margin-bottom: 9px !important;
}


/* ============================================= */
/* ======================== LOGO AND NAVIGATION ===================== */
/* ============================================= */

/* ===== Logo ==== */


#logo {
    float: left;
    margin: 25px 0 21px;
}

#logo h1 {
    font-size: 38px;
    /*letter-spacing: -3px;*/
    line-height: 1;
    margin: 0;
}

#logo h1 span {
    font-weight: 800;
}

/* ==== Main Navigation ==== */
/* <nav> */
.top-bar {
    background: none;
    font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif;
    height: 45px;
    line-height: 45px;
    margin: 0px;
    padding: 0;
    width: 100%;
 /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */;
}

.contain-to-grid .top-bar {
    width: 940;
    margin: 0 auto;
} /* 940 sunthar */

.top-bar > ul .name {
    display: none;
}

.top-bar > ul .name h1 {
    line-height: 45px;
    margin: 0;
}

.top-bar > ul .name h1 a {
    font-weight: bold;
    padding: 0 22.5px;
    font-size: 17px !important;
}

.top-bar > ul .name img {
    margin-top: -5px;
    vertical-align: middle;
}

.top-bar ul {
    display: inline;
    height: auto;
    line-height: 45px;
    list-style: none;
 /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */;
}

.top-bar ul > li {
    float: left;
 /* Dividers between navigation */ /* Put a button in an <li> but give is a class */ /* Put a search bar or text input in the bar */ /* Hide the triangle for breakpoint menu */ /* li.has-dropdown */;
}

.top-bar ul > li a:not(.button) {
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 45px;
    padding: 20px 20px 20px 20px;
}

.top-bar ul > li:hover a { /* sunthar19*/
    background: #4c4c4c;
    color: #eee; 
    opacity: 0.95;
}

.top-bar ul > li:hover a.active {
    background: #444;
    color: #fff;
}

.top-bar ul > li a.active {
    color: #fff;
}

.top-bar ul > li:hover a {
    color: #fff;
}

.top-bar ul > li:hover, .top-bar ul > li.active {
    background: none;
}

.top-bar ul > li.active a {
    color: #fff;
}

.top-bar ul > li.divider {
    background: black;
    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
    height: 100%;
    margin-right: 1px;
    width: 1px;
}

.top-bar ul > li.has-button a.button {
    margin: 0 11.25px;
}

.top-bar ul > li.has-button:hover {
    background: #222222;
}

.top-bar ul > li.has-button:hover a {
    color: #fff;
}

.top-bar ul > li.search {
    padding: 0 15px;
}

.top-bar ul > li.search form {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 200px;
}

.top-bar ul > li.search form input[type=text] {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
    font-size: 13px;
    margin-top: -1px;
    height: 22.5px;
}

.top-bar ul > li.search form input[type=text] + .button {
    border-left: none;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    float: left;
    font-size: 12px;
    margin-top: -1px;
    padding: 5px 12px 4px;
}

.top-bar ul > li.search form input[type=search] {
    font-size: 16px;
    margin-bottom: 0;
}

.top-bar ul > li.search:hover {
    background: #222222;
}

.top-bar ul > li.toggle-topbar {
    display: none;
}

.top-bar ul > li.has-dropdown {
    position: relative;
 /* Dropdown Level 2+ */;
}

.top-bar ul > li.has-dropdown:hover > .dropdown {
    display: block;
    visibility: visible;
}

.top-bar ul > li.has-dropdown a {
    padding-right: 20px;
}

.top-bar ul > li.has-dropdown a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: none;
}

.top-bar ul > li.has-dropdown .dropdown {
    background: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    z-index: 99;
}

.top-bar ul > li.has-dropdown .dropdown li {
    /*background: #444; sunthar19*/
    line-height: 1;
    min-width: 100%;
    padding-bottom: 0px;
    /*border-bottom: 1px dotted #666; sunthar19*/
    /*border-bottom: 1px solid #333; */
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
}

.top-bar ul > li.has-dropdown .dropdown li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*.top-bar ul > li.has-dropdown .dropdown li a { 
font-weight: normal; 
height: 100%; 
line-height: 1; 
white-space: nowrap; 
color: #CCCCCC ; 
font-size: 12px; 
font-weight: 600; 
line-height: normal; 
padding: 15px 20px;
min-width: 207px;
}*/
.top-bar ul > li.has-dropdown .dropdown li a,.top-bar ul > li.has-dropdown .dropdown li span {
    font-weight: normal;
    height: 100%;
    line-height: 1;
    white-space: pre-wrap;
    color: #eee; /* sunthar19 ccc */
    font-size: 12px !important;
    font-weight: 600;
    line-height: normal;
    padding: 12px 23px;
    min-width: 214px;
}

.top-bar ul > li.has-dropdown .dropdown li span {
    display: inline-block;
}

.top-bar ul > li.has-dropdown .dropdown li a:after {
    border: none;
}

.top-bar ul > li.has-dropdown .dropdown li a:hover {
    background: #222;
    color: #fff;
    opacity: 1;
}

.top-bar ul > li.has-dropdown .dropdown li label {
    color: #6f6f6f;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding-left: 15px;
    text-transform: uppercase;
}

.top-bar ul > li.has-dropdown .dropdown li.divider {
    border-top: solid 1px black;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    height: 10px;
    padding: 0;
    width: 100%;
}

.top-bar ul > li.has-dropdown .dropdown li:last-child {
    padding-bottom: 0px;
}

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
    padding-right: 30px;
}

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
    border: none;
    content: "";
    right: 5px;
    top: 6px;
}

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
    position: absolute;
    left: 100%;
    top: 0;
}

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown {
    display: block;
}

.top-bar ul.left {
    float: left;
    width: auto;
    margin-bottom: 0;
}

.top-bar ul.right {
    float: left;
    width: auto;
    margin-left: 5px;
    margin-bottom: 0;
 /* Dropdown Right Side Alignment */;
}

.top-bar ul.right .has-dropdown .dropdown {
    left: 0;
    right: auto;
}

.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {
    right: 100%;
    left: 100% !important;
    width: 100%;
}

.top-bar .js-generated {
    display: none;
}

/* Mobile Styles */
@media only screen and (max-width: 940) {
  /* sunthar 940*/
    body {
        overflow-x: hidden;
    }

    .top-bar {
        background: #444;
        margin-bottom: 0;
        margin-top: 20px;
        margin-bottom: 20px;
        overflow: hidden;
 /* Override contain to grid stuff for breakpoint */ /* Setting up the sliding area */ /* When the Small Nav is Showing */;
    }

    .top-bar .js-generated {
        display: block;
    }

    .contain-to-grid .top-bar {
        width: auto;
    }

    .top-bar section {
        left: 0;
        position: relative;
        width: auto;
        -webkit-transition: left 300ms;
        -moz-transition: left 300ms;
        -o-transition: left 300ms;
        transition: left 300ms;
    }

    .top-bar ul {
        width: 100%;
        min-height: 100%;
        height: 100%;
        margin-bottom: 0;
        display: block;
    }

    .top-bar ul li {
        float: none;
 /* Branding and name */ /* Dropdown Toggle */ /* Divider for breakpoint */ /* Search Overrides for breakpoint size */ /* Dropdown Level 1 */ /* Dropdown Level 2 */;
    }

    .top-bar ul li.active, .top-bar ul li:hover {
        background: #333;
    }

    .top-bar ul > li a:hover {
        background: #333;
        color: #fff;
    }

    .top-bar ul > li a:not(.button) {
        padding: 0px;
    }

    .top-bar ul li.name {
        background: #333;
    }

    .top-bar ul li.name h1 {
        line-height: 1;
    }

    .top-bar ul li.name h1 a {
        padding-left: 22.5px;
    }

    .top-bar ul li.toggle-topbar {
        cursor: pointer;
        display: block;
        height: 45px;
        position: absolute;
        right: 20px;
        top: 0;
        width: 91%;
        margin-top: 20px;
    }

    .top-bar ul li.toggle-topbar a {
        content: "";
        display: block;
        background: none;
        width: 0;
        height: 0;
        border: solid 8px;
        border-color: white transparent transparent transparent;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 22.5px;
        margin-top: -4px;
    }

    .top-bar ul li.toggle-topbar:hover {
        background: transparent;
    }

    .top-bar ul li.toggle-topbar a {
        padding: 0 !important;
    }

    .top-bar ul li.divider {
        border-bottom: solid 1px rgba(255, 255, 255, 0.2);
        border-top: solid 1px black;
        clear: both;
        height: 1px !important;
        margin: 8px 0 !important;
        width: 100%;
    }

    .top-bar ul li.search {
        padding: 0 22.5px;
    }

    .top-bar ul li.search form {
        width: 100%;
    }

    .top-bar ul li.search form input[type=text] {
        width: 75%;
    }

    .top-bar ul li.search form .button {
        top: 0;
        width: 25%;
    }

    .top-bar ul li.has-dropdown a {
        padding-right: 33.75px;
    }

    .top-bar ul li.has-dropdown a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
        margin-right: 15px;
        margin-top: -4.5px;
        position: absolute;
        top: 50%;
    }

    .top-bar ul li.has-dropdown:hover > .dropdown {
        display: block;
        visibility: hidden;
    }

    .top-bar ul li.has-dropdown .dropdown {
        visibility: hidden;
        z-index: 0 !important;
    }

    .top-bar ul li.has-dropdown.moved {
        position: static;
    }

    .top-bar ul li.has-dropdown.moved .dropdown {
        top: 0;
        visibility: visible;
    }

    .top-bar ul li.has-dropdown.moved .dropdown li label {
        margin-bottom: 6px;
        padding-top: 6px !important;
        font-size: 11px;
    }

    .top-bar ul li.has-dropdown.moved .dropdown li:not(.title) {
        padding-bottom: 0;
    }

    .top-bar ul li.has-dropdown.moved .dropdown li:not(.title) a {
        padding: 8px 22.5px;
        font-size: 16px;
    }

    .top-bar ul li.has-dropdown.moved .dropdown li a, .top-bar ul li.has-dropdown.moved .dropdown li label {
        padding: 0 22.5px;
    }

    .top-bar ul li.has-dropdown.moved .dropdown li a:hover {
        background: #333;
        display: block;
    }

    .top-bar ul li.has-dropdown.moved .dropdown li.divider {
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .top-bar ul li.has-dropdown.moved .back.title {
        padding-bottom: 0;
    }

    .top-bar ul li.has-dropdown.moved .back.title a:before {
        position: absolute;
        top: 50%;
        left: 17.5px;
        margin-top: -5px;
        width: 0;
        height: 0;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent white transparent transparent;
    }

    .top-bar ul li.has-dropdown.moved .back.title h5 {
        margin: 0;
        padding-left: 0px;
        margin-left: 0px;
        position: relative;
    }

    .top-bar ul li.has-dropdown.moved .back.title h5 a {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 40px !important;
        font-size: 24px;
        font-weight: 400;
        /*letter-spacing: -1px;*/
    }

    .top-bar ul li.has-dropdown .dropdown li {
        background: transparent; 
    }

    .top-bar ul li.has-dropdown .dropdown li.has-dropdown .dropdown {
        left: 100% !important;
        top: 0;
        right: auto !important;
    }

    .top-bar ul li.has-dropdown .dropdown li.has-dropdown > a {
        padding-right: 33.75px;
    }

    .top-bar ul li.has-dropdown .dropdown li.has-dropdown > a:after {
        content: "";
        margin-right: 15px;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 50%;
        margin-top: -4.5px;
    }

    .top-bar ul li.has-dropdown .dropdown li.has-dropdown.moved {
        position: static;
    }

    .top-bar ul li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
        top: 0;
        visibility: visible;
    }

    .top-bar ul li.has-dropdown .dropdown li.has-dropdown:hover {
        display: block;
    }

    .top-bar ul.left, .top-bar ul.right {
        float: none;
        width: 100%;
    }

    .top-bar ul.left > li, .top-bar ul.right > li {
        display: block;
        float: none;
        margin: 0 !important;
    }

    .top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown {
        left: 100% !important;
        top: 0;
        right: auto !important;
    }

    .top-bar section > ul li a:not(.button) {
        padding-left: 22.5px !important;
    }

    .top-bar.expanded {
        height: 100%;
    }

    .top-bar.expanded ul li.toggle-topbar a {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 8px;
        border-color: transparent transparent rgba(255, 255, 255, 0.5) transparent;
        top: auto;
        bottom: 50%;
        margin-bottom: -4px;
    }

    .top-bar ul li.has-button {
        padding: 0 20px 5px;
    }

    .top-bar ul li .button.small {
        margin: 0 !important;
        display: inline-block;
        width: 100%;
    }

    .top-bar > ul .name {
        display: block;
    }
}

/* IE8 Fixes */
.lt-ie9 .top-bar ul li a {
    color: #666;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    line-height: 45px;
    padding: 20px 20px 20px 20px;
}

.lt-ie9 .top-bar ul li a.button {
    height: auto;
    line-height: 30px;
    margin-top: 7px;
}

.lt-ie9 .top-bar ul li a:hover {
    color: #cccccc;
}

.lt-ie9 .top-bar ul li a img {
    margin-top: -5px;
    vertical-align: middle;
}

.lt-ie9 .top-bar ul li a.active {
    color: #fff;
}

.lt-ie9 .top-bar ul li.has-dropdown {
    padding-right: 0px;
    margin-right: 0;
}

.lt-ie9 .top-bar ul li.has-dropdown > ul li {
    padding-right: 0;
}

  
  }

/* ============================================= */
/* ======================== Sliders ===================== */
/* ============================================= */

/* ===== General Sliders ==== */

.slider {
    padding: 0px;
}

/* ===== Slider Revolution ==== */

.tp-simpleresponsive .caption {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
}

.tp-simpleresponsive img {
    max-width: none;
}

/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-bannershadow.tp-shadow1 {
    background: url(../images/sliders/sliderrevolution/assets/shadow1.png) no-repeat;
    background-size: 100%;
    width: 890px;
    height: 30px;
    bottom: -30px;
}

.tp-bannershadow.tp-shadow2 {
    background: url(../images/sliders/sliderrevolution/assets/shadow2.png) no-repeat;
    background-size: 100%;
    width: 890px;
    height: 60px;
    bottom: -60px;
}

.tp-bannershadow.tp-shadow3 {
    background: url(../images/sliders/sliderrevolution/assets/shadow3.png) no-repeat;
    background-size: 100%;
    width: 890px;
    height: 60px;
    bottom: -60px;
}

/*************************
	-	CAPTIONS	-
**************************/
.caption.big_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-family: 'Oswald', 'Lucida Sans Unicode','Lucida Grande',sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 36px;
    padding: 0px 4px;
    padding-top: 1px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background: rgb(0,0,0);
    background: transparent\9;
    background: rgba(0,0,0,0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
    zoom: 1;
    /*letter-spacing: -1.5px;*/
    padding: 0 5px 5px !important;
    border-radius: 5px;
}

.caption.big_color {
    position: absolute;
    text-shadow: none;
    font-weight: 300;
    font-size: 32px;
    line-height: 36px;
    padding: 0px 4px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    /*background: rgb(255,255,255); sunthar19*/
    background: transparent\9;
    /*background: rgba(255,255,255,0.5); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff);
    zoom: 1;
    /*letter-spacing: -1.5px;*/
    padding: 2px 5px 5px !important;
    border-radius: 5px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8);
}

.caption.big_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    padding: 0px 4px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background: rgb(255,255,255);
    background: transparent\9;
    background: rgba(255,255,255,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff);
    zoom: 1;
    /*letter-spacing: -1.5px;*/
    padding: 2px 5px 5px !important;
}

.caption.medium_grey {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    padding: 2px 4px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background: rgb(153,153,153);
    background: transparent\9;
    background: rgba(153,153,153,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cf999999,endColorstr=#4c999999);
    zoom: 1;
    white-space: nowrap;
    padding: 2px 5px 5px !important;
}

.caption.small_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

.caption.medium_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

.caption.large_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

.caption.very_large_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    /*letter-spacing: -2px;*/
}

.caption.very_big_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0px 4px;
    padding-top: 1px;
    background-color: #000;
}

.caption.very_big_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0px 4px;
    padding-top: 1px;
    background-color: #fff;
}

.caption.boxshadow {
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.caption.black {
    color: #000;
    text-shadow: none;
}

.caption.noshadow {
    text-shadow: none;
}

.caption a {
    text-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.caption a:hover {
}
					


/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/
.tp-bullets {
    z-index: 100;
    position: absolute;
    bottom: 10px;
}

.tp-bullets.simplebullets {
    bottom: 10px;
}

.tp-bullets.simplebullets.navbar {
    bottom: -20px;
    background: url(../images/sliders/sliderrevolution/assets/navigdots_bgtile.png);
    height: 35px;
    padding: 0px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: -17px;
}

.tp-bullets.simplebullets .bullet {
    cursor: pointer;
    position: relative;
    background: url(../images/sliders/sliderrevolution/assets/bullets.png) no-Repeat bottom left;
    width: 23px;
    height: 23px;
    margin-right: 0px;
    float: left;
    margin-top: -12px;
}

.tp-bullets.simplebullets .bullet.last {
    margin-right: 0px;
}

/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet {
    cursor: pointer;
    position: relative;
    background: url(../images/sliders/sliderrevolution/assets/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0px;
    float: left;
    margin-top: -10px;
}

.tp-bullets.simplebullets.square .bullet.last {
    margin-right: 0px;
}

/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet {
    cursor: pointer;
    position: relative;
    background: url(../images/sliders/sliderrevolution/assets/navigdots.png) no-Repeat bottom left;
    width: 15px;
    height: 15px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    float: left;
    margin-top: 10px;
}

.tp-bullets.simplebullets.navbar .bullet.first {
    margin-left: 30px !important;
}

.tp-bullets.simplebullets.navbar .bullet.last {
    margin-right: 30px !important;
}

.tp-bullets.simplebullets .bullet:hover, 
.tp-bullets.simplebullets .bullet.selected {
    background-position: top left;
}


/*************************************
	-	TP ARROWS 	-
**************************************/


.tp-leftarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/sliders/sliderrevolution/assets/arrow_left.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: -13px;
}

.tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/sliders/sliderrevolution/assets/arrow_right.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: -13px;
}

.tp-leftarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/sliders/sliderrevolution/assets/arrowleft.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-right: -20px;
    margin-top: -8px;
}

.tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/sliders/sliderrevolution/assets/arrowright.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-left: -20px;
    margin-top: -8px;
}

.tp-leftarrow.navbar.thumbswitharrow {
    margin-right: 10px;
}

.tp-rightarrow.navbar.thumbswitharrow {
    margin-left: 0px;
}

.tp-leftarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/sliders/sliderrevolution/assets/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0px;
    margin-top: -9px;
}

.tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/sliders/sliderrevolution/assets/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0px;
    margin-top: -9px;
}

.tp-leftarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/sliders/sliderrevolution/assets/arrow_large_left.png) no-Repeat left 7px #444;
    width: 46px;
    height: 60px;
    margin-top: -23px;
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/sliders/sliderrevolution/assets/arrow_large_right.png) no-Repeat left 7px #444;
    width: 46px;
    height: 60px;
    margin-top: -23px;
}

.tp-leftarrow:hover, .tp-rightarrow:hover {
}


/****************************************************************************************************
	-	TP THUMBS 	-	
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    background-color: #fff;
    bottom: 0 !important;
    width: 500px;
    height: 50px;
 			/* THE DIMENSIONS OF THE THUMB CONTAINER */;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 2px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
 			/* THE DIMENSION OF A SINGLE THUMB */
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    border: 1px solid #f2f2f2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
												/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(../images/sliders/sliderrevolution/assets/timer.png);
    position: absolute;
    z-index: 200;
}
	
/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/		
	
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
   
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
				//    .caption.big_color {
        font-size: 12px !important;
    }

    .caption .button {
					/*font-size: 12px !important;*/
        padding: 6px;
    }
}
	
  
/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/sliders/sliderrevolution/assets/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


/*********************************************************************************************
		-	SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE 	-	
**********************************************************************************************/
  
/*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/

.mainslider-container {
    background-color: #fff;
    /*width: 950px;*/
    padding: 0px;
    position: relative;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    z-index: 1;
}
/* .mainslider{width:950px;height:490px;	position:relative;overflow:hidden;} */
.mainslider {
    /*width: 950px;*/
    height: 330px;
    position: relative;
    overflow: hidden;
}

   
/*	THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE    */
@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		
    .mainslider {
        width: 740px;
    }

    .mainslider-container {
        width: 750px;
    }
}

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

    .mainslider {
        width: 460px;
    }

    .mainslider-container {
        width: 470px;
    }

    .caption .button {
        font-size: 16px;
    }

    #search-caption {
        width: 100%;
    }

    .footer_bottom .six {
        width: 100% !important;
    }

    iframe#lightboxFrame,#frameContainer {
        min-width: 200px;
        width: 440px !important;
    }

    #imageDataContainer {
        width: 100% !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
			
    .mainslider {
        width: 290px;
    }

    .mainslider-container {
        width: 300px;
    }

    .caption .button {
        font-size: 12px;
    }

    #search-caption {
        width: 100%;
    }

    .footer_bottom .six {
        width: 100% !important;
    }

    iframe#lightboxFrame,#frameContainer {
        min-width: 200px;
        width: 270px !important;
    }

    #imageDataContainer {
        width: 100% !important;
    }
}
   
/* -----------------------------------------
   Carousel
----------------------------------------- */

.list_carousel {
    margin-left: -10px;
    margin-bottom: 20px;
}

.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.list_carousel li {
    color: #999;
    width: 245px;
    display: block;
    float: left;
    margin-left: 10px;
    cursor: default !important;
    height: auto;
}

.list_carousel.responsive {
    width: auto;
    margin-left: -10px;
}

.clearfix {
    float: none;
    clear: both;
}

.list_carousel .carousel_nav {
    position: absolute;
    padding-right: 15px;
    right: 0;
    top: 22px;
}

a.prev, a.next {
    background: url(../images/carousel_arrows.png) no-repeat #e5e5e5;
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    float: left;
    margin-left: 1px;
}

a.prev {
    background-position: 0 0;
}

a.prev:hover {
}

a.prev.disabled {
    background-color: #f2f2f2;
}

a.next {
    background-position: -22px 0;
}

a.next:hover {
}

a.next.disabled {
    background-color: #f2f2f2;
}

a.prev.disabled, a.next.disabled {
    cursor: default;
}

a.prev span, a.next span {
    display: none;
}

.pager {
    float: left;
    width: 300px;
    text-align: center;
}

.pager a {
    margin: 0 5px;
    text-decoration: none;
}

.pager a.selected {
    text-decoration: underline;
}

.timer {
    background-color: #999;
    height: 6px;
    width: 0px;
}

.list_carousel .view-footer {
    padding-top: 10px;
    padding-bottom: 15px;
    float: right;
}
/*
.list_carousel .view-footer a.next {
background-position:-26px -3px !important;
height:17px!important;
width:17px !important;
}
*/


/* ======================== Carousel Type 2 ===================== */

.carousel-type2 {
}

.carousel-content {
    float: left;
    width: 100%;
}


/* ============================================= */
/* ======================== Body Content ===================== */
/* ============================================= */

/* ======================== Main Content Top ===================== */

.content_top {
    background: url('../images/content-top-bg.png') no-repeat 15px bottom;
    padding: 10px 0;
    margin-bottom: -1px;
}

.content_top h2 {
    font-weight: 300;
    font-size: 24px;
    color: #FFF;
    text-align: center;
}

/* ===== Breadcrumbs ==== */

ul.breadcrumbs {
    display: block;
    background: none;
    font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif;
    font-weight: 700;
    padding: 15px 10px 0 0;
    border: none;
    overflow: hidden;
}

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

ul.breadcrumbs li a, ul.breadcrumbs li span {
    text-transform: uppercase;
    font-size: 11px;
    font-size: 1.1rem;
    padding-left: 12px;
    color: #FFF;
}

ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {
    padding-left: 0;
}

ul.breadcrumbs li:before {
    content: "/";
    color: #e5e5e5;
}

ul.breadcrumbs li:first-child:before {
    content: " ";
}

ul.breadcrumbs li.current a {
    cursor: default;
    color: #e5e5e5 !important;
}

ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {
    text-decoration: none;
    color: #e5e5e5;
}

ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {
    text-decoration: none;
}

ul.breadcrumbs li.unavailable a {
    color: #e5e5e5;
}

ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus {
    text-decoration: none;
    color: #ffccbb;
    cursor: default;
}

/* Top Search ---------------------- */
.top_search {
    padding-top: 10px;
    padding-bottom: 10px;
}

.top_search input[type="text"] {
    color: #555;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 5px 5px 6px;
    width: 100%;
    border: none;
}

.top_search input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    -webkit-appearance: none;
}

.top_search .button {
    font-size: 18px;
    padding: 4px 0px 4px 10px;
    text-decoration: none;
    color: #fff;
    margin-left: 1px;
    background-color: #444;
}

.top_search .button:hover {
    background-color: #666;
}


/* ======================== Main Content ===================== */

/*==== General ====*/

.maincontent {
    padding: 10px 0;
}

.maincontent h3 {
    border-left: 1px dotted;
    padding-left: 10px;
}

/*==== Services ====*/

.service {
    width: 100%;
    margin: 10px 0 20px;
    text-align: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.service a {
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}

.service-icon {
    position: relative;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

.service-icon img {
}

.service-content {
    position: relative;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 50%;
}

.service-main {
    font-size: 24px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.service-sub {
    padding: 5px;
    position: relative;
    margin: 10px 0 0;
    width: 100%;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.service:hover {
}

.service:hover .service-icon {
    color: #e5e5e5;
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;
}

.service:hover .service-icon img {
    background: #e5e5e5;
}

.service:hover .service-main {
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;
}

.service:hover .service-sub {
    color: #fff;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

@-webkit-keyframes smallToBig {
    from {
        -webkit-transform: scale(0.1);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes smallToBig {
    from {
        -moz-transform: scale(0.1);
    }

    to {
        -moz-transform: scale(1);
    }
}

@-ms-keyframes smallToBig {
    from {
        -ms-transform: scale(0.1);
    }

    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0%);
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }

    to {
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }

    to {
        -ms-transform: translateY(0%);
    }
}

/*==== Recent Work ====*/

/* WORKS */
.work-item {
    background: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}

.work-item:hover {
    border-bottom: 1px solid;
}

.work-item-image {
}

.work-item-image a {
    display: block;
}

.work-item-content {
    padding: 0 10px;
}

.work-item-content h4 {
    margin-top: 20px;
    margin-bottom: 5px;
}

.contentHover {
    position: relative;
    width: 100%;
}

.contentHover .hover-content {
    display: none;
    position: absolute;
    height: 100%;
    z-index: 2;
    top: 0%;
    left: 0%;
    margin: 0;
    padding: 10px;
    background: #f8f8f8;
 /* Fallback for browsers that don't support RGBa */
		background: rgba(248,248,248,0.8);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80f8f8f8, endColorstr=#80f8f8f8); /* IE 5.5 - IE 7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80f8f8f8, endColorstr=#80f8f8f8)"; /* IE 8 */
    }
.contentHover .hover-content  h3{ border:none; padding:0px; font-size:20px; font-weight:300; /*letter-spacing:-1px;*/ margin-top:20px; margin-bottom:5px;}

.hover-links { width:90%; margin:0 auto; position:absolute; bottom:0; }
.hover-links a.view-item {background: url(../images/work-overlay-icons.png) no-repeat ;padding:20px 20px 2px;}
.hover-links a.view-image {background: url(../images/work-overlay-icons.png) -40px 0 no-repeat ; padding:20px 20px 2px; }
.hover-links  a.view-item:hover { background-color:#444;}
.hover-links  a.view-image:hover {background-color:#444;}

/*==== Clients List ====*/

ul.clients_list{ list-style:none; float:left; position:relative; width:100%;margin-bottom:20px; text-align:center; }
ul.clients_list li{ float:left; padding:0 15px 0 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";	-moz-opacity: 0.6;	-khtml-opacity: 0.6;	opacity: 0.6;
-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
ul.clients_list li:first-child{}
ul.clients_list li a{display: block; height: 100%; position: relative; width: 100%;}
ul.clients_list li:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
ul.clients_list li img{border: 1px solid #efefef;padding:5px; background:#f8f8f8;}


/* ======================== Main Content Bottom ===================== */

.content_bottom{background:url('../images/content-bottom-bg.png') no-repeat center bottom; color:#909090;padding: 10px 0;}
.content_bottom h2{ font-weight:500; font-size:24px; color:#909090; /*letter-spacing:-1px;*/ margin-bottom:6px; margin-top:10px;}
 .content_bottom h2.search-text{
	color: #FFFFFF;
    font-size: 21px;
    font-weight: 500;
    /*letter-spacing: -1px;*/
    margin-bottom: 6px;
    margin-top: 10px;
	}

.content_bottom p{ color:#909090;}

/* ====Newsletter ==== */

.newsletter-input { padding-top:25px;}
.newsletter-input input[type="text"]{color:#999; display: block; font-size: 12px; margin: 0; padding: 5px 5px 6px;width: 100%; border:none; }
.newsletter-input input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{-webkit-appearance:none;}
.newsletter-input .button{font-size:12px; padding:8px;  text-decoration:none;color:#fff; margin-left:-1px; background-color:#444;}
.newsletter-input .button:hover{background-color:#666;}


/* ============================================= */
/* ======================== FOOTER ===================== */
/* ============================================= */


/* ===== Footer Top ==== */

.footer { padding:20px 0 30px;}
.footer a{color:#ccc}
.footer a:hover{}

.footer h4{ font-size:18px;color: #f2f2f2; border-left: 1px dotted ; padding-left:10px; }

.footer ul.vcard{ border:none; margin:0; padding:0;}
.footer ul.vcard li{padding:10px 0 10px 30px;}
.footer .address{background:url('../images/icons/address_icon.png') no-repeat left center transparent;}
.footer .tel{background:url('../images/icons/phone_icon.png') no-repeat left center transparent;}
.footer .email{background:url('../images/icons/email_icon.png') no-repeat left center transparent;}

.twitter a.twit-date{display: block;font-style: italic;margin: 6px 0;text-align: right;}

/* ===== Footer Bottom ==== */

.footer_bottom{}
.footer_bottom a{ color:#ccc; font-size: 11px;}
.footer_bottom a:hover{ }
.footer_bottom .copyright{ margin:5px 0;}

.footer_bottom .link-list{ margin:10px 0;padding: 5px 0; float:right;}
.footer_bottom .link-list li{ border-left:1px dotted #e5e5e5; margin-left:12px; padding:0 0 0 12px;}
.footer_bottom .link-list li:first-child{ border-left:none;}

/* ============================================= */
/* ======================== Others ===================== */
/* ============================================= */

/* ======================== Margins ===================== */
.top0{margin-top:0;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30{margin-top:30px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}

.bottom0{margin-bottom:0;}
.bottom10{margin-bottom:10px;}
.bottom20{margin-bottom:20px;}
.bottom30{margin-bottom:30px;}
.bottom40{margin-bottom:40px;}
.bottom50{margin-bottom:50px;}

/* ======================== Progress Bar ===================== */
.progress-bar{ margin-bottom:20px;}
.progress-bar span{ font-weight:bold;}
div.progress { padding: 2px; margin-bottom: 10px; border: 1px dotted #cccccc; height: 25px; /* meter */ /* border radii */ }
div.progress .meter {height: 100%; display: block; width: 0%; }
div.progress.secondary .meter { background: #e5e5e5; }
div.progress.success .meter { background: #5da423; }
div.progress.alert .meter { background: #c60f13; }
div.progress.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
div.progress.radius .meter { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
div.progress.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
div.progress.round .meter { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }

.progress10{ width:10% !important;}
.progress20{ width:20% !important;}
.progress30{ width:30% !important;}
.progress40{ width:40% !important;}
.progress50{ width:50% !important;}
.progress60{ width:60% !important;}
.progress70{ width:70% !important;}
.progress80{ width:80% !important;}
.progress90{ width:90% !important;}
.progress100{ width:100% !important;}

/* ======================== Tabs ===================== */

dl.tabs {border-bottom: 1px dotted #ccc;display: block;height: auto; margin-bottom: 0px;padding: 0; float:left; width:100%; margin-top:5px;}
ul.tabs-content { display: block;padding: 20px;border: 1px dotted #ccc; border-top:none; float:left; width:100%; margin:0px;}
dl.tabs dd {}
dl.tabs dd.active {  border-top: 5px solid;  margin-top: -5px; border-bottom: 2px solid white !important; margin-bottom:-1px;}
dl.tabs dd.active a { border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}

dl.tabs dd a { color: #666;    display: block;  font-size: 16px; font-weight: 300;  height: auto;  line-height: normal; padding: 20px 5px;  position: relative;}
dl.tabs dd a:hover {}
dl.tabs dd a:focus {}

dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a {
    padding: 20px 5px;
}

.tabs.vertical dd.active, .tabs.vertical li.active { border-bottom:0px;}

/* ======================== Accordion ===================== */

ul.accordion { border:none; float:left;}
ul.accordion > li{ border-top: none;  margin-bottom:8px; float:left; width:100%; }
.accordion-title { margin:0; padding:10px 15px; background:#f2f2f2; border-bottom:1px solid #e5e5e5; float:left; width:100%; cursor:pointer;-webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;}
.accordion-title.active{ color:#fff;}
.accordion-content{ padding:15px; float:left;}
.accordion-icon:before{font-family: FontAwesome; font-weight: normal; font-style: normal;display: inline-block; float:right; text-decoration: inherit; padding:2px 0 0;content: "\f067"; }
.active .accordion-icon:before{content: "\f068"; color:#fff;}


/* ======================== Lists ======================== */

.type1{ list-style:none; margin-bottom:20px; margin-left:0;}
.type1 a{ color:#666;}
.type1 a:hover{}
.type1 li:before { content: "\00BB \0020\0020"; font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#666; font-weight:600; font-size:18px;  }
.type1 li:hover:before {}
.type1 li ul{ list-style:inherit;}

.type2{ list-style:none; margin-bottom:20px; margin-left:0;}
.type2 a{ color:#666;}
.type2 a:hover{}
.type2 li:before { content: "\003A\003A\0020\0020"; font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#666; font-weight:600; font-size:18px;  }
.type2 li:hover:before {}
.type2 li ul{ list-style:inherit;}

.type3{ list-style:none; margin-bottom:20px; margin-left:0;}
.type3 a{ color:#666;}
.type3 a:hover{}
.type3 li:before { content: "\0020"; font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#666; font-weight:600; font-size:18px;  }
.type3 li:hover:before {}
.type3 li ul{ list-style:inherit;}

.type4{ list-style:none; margin-bottom:20px; margin-left:0;}
.type4 a{ color:#666;}
.type4 a:hover{}
.type4 li:before { content: "\0020"; font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#666; font-weight:600; font-size:18px;  }
.type4 li:hover:before {}
.type4 li ul{ list-style:inherit;}

/* ======================== Definitions Lists ======================== */


/* Blockquotes ---------------------- */
blockquote, blockquote p { line-height: 1.5; color: #909090; font-style:italic; font-size:18px ; }
blockquote { margin: 0 0 17px; padding: 10px 20px; border-left: 1px dotted #e5e5e5; }
blockquote cite { display: block; font-size: 12px; color: #666; font-weight:bold; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

blockquote.image-field-caption, blockquote.image-field-caption p { line-height: 1.5; color: #909090; font-style: normal; font-size:16px ; margin:0 0 0 0}


/* Testimonials ---------------------- */

.testimonial-item{}
.testimonial-content{background: url("../images/content-top-bg.png") no-repeat scroll 10px bottom #f8f8f8; padding:10px; margin-bottom:15px; }
.testimonial-content p{font-style:italic;}

/* Side Nav ---------------------- */
ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; }
ul.side-nav li { display: block; list-style: none; margin: 0px 0px 4px;  }
ul.side-nav li:hover a{background:#f2f2f2; border-bottom:1px solid #ccc; }
ul.side-nav li.active a{border-bottom:1px solid #ccc; }
ul.side-nav li a { display: block; padding:10px;background:#f8f8f8; border-bottom:1px solid #e5e5e5; }
ul.side-nav li.active a { color: #fff;  font-weight: bold; }
ul.side-nav li.divider { border-top: 1px dotted #e5e5e5; height: 0; padding: 0; }

/* Footer List ---------------------- */

ul.footer-list { display: block; list-style: none; margin: 0; padding: 0; }
ul.footer-list li { display: block; list-style: none; margin: 0 0 7px 0; }
ul.footer-list li a { display: block; }
ul.footer-list li.active a { color: #4d4d4d; font-weight: bold; }
ul.footer-list li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; }

/* ======================== Ordered Lists ===================== */

.ol-type1{  counter-reset: li; margin-left: 5px; padding-left: 0; margin-top:20px;}
.ol-type1 > li { color: #999999; list-style: none outside none;  margin: 0 0 20px 20px; padding: 4px 8px 4px 30px;  position: relative;}
.ol-type1 > li:before{   -moz-box-sizing: border-box; color: #FFFFFF; content: counter(li, decimal);  counter-increment: li;  font-size: 24px; left: -1em;  margin-right: 8px;   position: absolute; text-align: center; width: 36px;}

/* ======================== Pagination ===================== */

ul.pagination { display: block; height: 30px; margin-left: -5px; margin:20px 0; }
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 16px; margin-left: 0px; margin-right:5px; }
ul.pagination li a { display: block; padding: 4px 7px 3px; color: #555; }
ul.pagination li:hover a, ul.pagination li a:focus { background: #444; color:#fff; }
ul.pagination li.unavailable a { cursor: default; color: #999; }
ul.pagination li.unavailable a:focus { background: transparent; }
ul.pagination li.current a { color: white; font-weight: bold; cursor: default; }
ul.pagination li.current a:hover { background: #444;}

.arrow a{ background:#444; padding:3px 7px 3px !important; color:#fff !important; }
.arrow a:hover{ padding:3px 7px !important; color:#fff !important; }
.arrow.unavailable a{ background:#f2f2f2;}
.arrow.unavailable a:hover{ background:#f2f2f2 !important;}
ul.pagination li.unavailable:hover a{ background:#f2f2f2;}
ul.pagination .arrow [class^="icon-"]:before, ul.pagination .arrow [class*=" icon-"]:before { padding-right:0 !important;}

/* ======================== Video ===================== */
.flex-video { margin-bottom: 0px; }


/* ======================== Pricing Table ===================== */


.pricing-table{font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif; float:left; width:100%; margin-bottom:0px; border:none;}
.plans { margin-bottom:0;}
.pricing-table .columns{ padding:1px; margin: 20px 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.pricing-table .button:hover { background-color: #999; }

.plan_features:nth-child(even){ background: none repeat scroll 0 0 #F7F7F7; font-size: 13px;font-weight: bold; padding: 10px 5px; width: 100%;}

.plan_features:nth-child(odd){ background: none repeat scroll 0 0 #fff; font-size: 13px; font-weight: bold; padding: 10px 5px;}

.plan_price{ color: #FFFFFF; font-size: 35px; font-weight: 300; padding: 20px; text-align: center; letter-spacing:-2px;
-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.plan_price span{ font-size:24px; font-weight:600; line-height: 0; position: relative; vertical-align: baseline; top:-0.5em;}

.pricing_plan1 .plan_price,.pricing_plan1 .buy{background: none repeat scroll 0 0 #999;}
.pricing_plan2 .plan_price,.pricing_plan2 .buy{background: none repeat scroll 0 0 #999;}
.pricing_plan3 .plan_price,.pricing_plan3 .buy{background: none repeat scroll 0 0 #999;}
.pricing_plan4 .plan_price,.pricing_plan4 .buy{background: none repeat scroll 0 0 #999;}

.plan_title{ background: none repeat scroll 0 0 #444;color: #e5e5e5;font-size: 20px;font-weight: bold;padding: 20px;text-align: center;}
.plan{border:1px solid #eee; margin-bottom:0;}
.plan_buy{ background: none repeat scroll 0 0 #444;padding: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
		  
.plan_buy a{ display: block; text-align: center; text-decoration: none;width:80%;margin:0 auto;}
.plan_more{ background: none repeat scroll 0 0 #fff; font-size: 13px; padding: 10px; display: none;}

.more_icon{ background-image: url("../images/plus_minus_icons.png");  background-position: 25px -3px;  float: right;  height: 25px;  width: 25px;}

.more_icon:hover{cursor: pointer;}

.less_icon{ background-image: url("../images/plus_minus_icons.png"); background-position: 0px -3px;  float: right;  height: 25px; width: 25px;}

.less_icon:hover{  cursor: pointer;}

.plan_features img{ float:left;}

.feature_desc{ color: #4E4E4E; text-align: center;}


.pricing_plan1:hover { position:relative; z-index:100; 
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}
.pricing_plan1:hover .plan_price{}
.pricing_plan1:hover .plan_buy{ background:#666 !important;}

.pricing_plan2:hover {position:relative; z-index:100;-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}
.pricing_plan2:hover .plan_price{}
.pricing_plan2:hover .plan_buy{ background:#666 !important;}

.pricing_plan3:hover { position:relative; z-index:100;-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}
.pricing_plan3:hover .plan_price{}
.pricing_plan3:hover .plan_buy{ background:#666 !important;}

.pricing_plan4:hover { position:relative; z-index:100;-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}
.pricing_plan4:hover .plan_price{}
.pricing_plan4:hover .plan_buy{ background:#666 !important;}

/* Pricing Table Alternative*/

.pricing-alternative{}

.pricing-alternative .plan_title{ background: #e5e5e5; color: #444 ;}
.pricing-alternative .pricing_plan1 .plan_price{ background:#444; color: #fff;}
.pricing-alternative .pricing_plan2 .plan_price{ background:#444; color: #fff;}
.pricing-alternative .pricing_plan3 .plan_price{ background:#444; color: #fff;}
.pricing-alternative .pricing_plan4 .plan_price{ background:#444; color: #fff;}

.pricing-alternative .plan_buy {background: #e5e5e5; }

.pricing-alternative .pricing_plan1:hover .plan_buy{ background:#444 !important;}
.pricing-alternative .pricing_plan2:hover .plan_buy{ background:#444 !important;}
.pricing-alternative .pricing_plan3:hover .plan_buy{ background:#444 !important;}
.pricing-alternative .pricing_plan4:hover .plan_buy{ background:#444 !important;}

/* Pricing Table Alternative - Active Column*/

.pricing-active{ position:relative; z-index:90; -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}
.pricing-active .plan_price{ color: #fff !important ;}
.pricing-active .plan_buy{ background: #444 !important;}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .plan_title{ width:45%; float:left; }
	
    .plan_price{ width:55%; padding:8px 2%; float:left; line-height: 1.25;}  

    .plan_more{display: block; clear: both;}
	
    .plan_buy{ padding: 10px;}

    .plan > dd {
        height: 0;
        overflow: hidden;
        padding:0 !important;

        opacity: 0;
        filter: alpha(opacity=0); /* IE6-IE8 */
        -webkit-transition: opacity 0.9s ease-in-out;
        -moz-transition: opacity 0.9s ease-in-out;
        -o-transition: opacity 0.9s ease-in-out;
        -ms-transition: opacity 0.9s ease-in-out;
        transition: opacity 0.9s ease-in-out;
    }
    .plan:target > dd{
        padding: 10px 5px !important;
        height: auto;
        opacity: 1;
        filter: alpha(opacity=100); /* IE6-IE8 */
    }
	.region2wrap .three, .region2wrap .row .three,.region2wrap .nine, .region2wrap .row .nine,
	.front .region4wrap .four, .front .region4wrap .row .four
	{width:100% !important;}
	
	#block-views-story-block .view-story h3{
		font-size: 20px !important;
		line-height: 26px;
	}


}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .pricing_plan4,#.pricing_plan3,.pricing_plan2,.pricing_plan1{
        width: 50%;
    }

    .plan_title{ width:auto; float:none;}
    .plan_price{ width:auto; float:none; border-top: 1px solid #F83333;}
    .plan_more{ display: none;}


    .plan > dd { padding: 10px 5px !important; height:auto;
	    opacity: 1;
        filter: alpha(opacity=1); /* IE6-IE8 */
        -webkit-transition: opacity 0.9s ease-in-out;
        -moz-transition: opacity 0.9s ease-in-out;
        -o-transition: opacity 0.9s ease-in-out;
        -ms-transition: opacity 0.9s ease-in-out;
        transition: opacity 0.9s ease-in-out;
    }
	#block-views-story-block .view-story h3{
		font-size:20px !important;
		line-height: 26px;
	}

} 

/* ======================== Tipsy Tooltips ===================== */

/* Tispy */

.tipsy { font-size: 15px; font-family: 'Source Sans Pro','Lucida Sans Unicode','Lucida Grande',sans-serif; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #333; color: #FFF; max-width: 200px; padding: 10px; text-align: center; line-height:1.6; }

/* Rounded corners */
.tipsy-inner { }
  
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; } */
  
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #333; }
.tipsy-arrow-s { border-top-color: #333; }
.tipsy-arrow-e { border-left-color: #333; }
.tipsy-arrow-w { border-right-color: #333; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
  

/* ======================== Back To Top ===================== */
.scrollup{width:40px; height:40px; opacity:0.9; position:fixed; bottom:30px; right:10px; display:none; text-indent:-9999px; background: url('../images/icon_top.png') no-repeat center center #999; z-index:999999;}
.scrollup:hover{ opacity:0.9; background: url('../images/icon_top.png') no-repeat center center;}

/* ======================== Toggle ======================== */

.toggle-view {margin:0; padding: 0;} 
.toggle-view li {margin:0px 0px 7px; position:relative; cursor:pointer; display: block; font-weight: bold; text-decoration: none;}
.toggle-view li:hover { background:#f8f8f8;}    
.toggle-view h2 {margin:0; font-size:16px; padding:12px 10px; } 
.toggle-view span {background: none repeat scroll 0 0 #e5e5e5; color: #FFFFFF; font-size: 16px; padding: 8px 4px 7px 12px; position: absolute; right: 0px; top: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.toggle-view li:hover h2{ }
.toggle-view li:hover span{background: none repeat scroll 0 0 ; }     
.toggle-view .toggle-content { display:none; padding:10px 20px;}
.toggle-view ul.square, .toggle-view ul.circle, .toggle-view ul.disc{ margin-left:20px;}

/* ======================== Font Icons ===================== */

/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: http://lemonwi.se co-founder

    */
@font-face {
  font-family: "FontAwesome";
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles

    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding:0 10px 0 0;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}

/*  Icons Size
    ------------------------------------------------------- */
	
.icon12{ font-size:12px;}
.icon20{ font-size:20px;}
.icon30{ font-size:30px;}
.icon50{ font-size:50px;}
.icon100{ font-size:100px;}
.icon140{ font-size:140px;}
.icon180{ font-size:180px;}
.icon220{ font-size:220px;}
.icon280{ font-size:280px;}
.icon340{ font-size:340px;}



/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
    .icon-refresh: before              { content: "\f021";
}

.icon-list-alt:before {
    content: "\f022";
}

.icon-lock:before {
    content: "\f023";
}

.icon-flag:before {
    content: "\f024";
}

.icon-headphones:before {
    content: "\f025";
}

.icon-volume-off:before {
    content: "\f026";
}

.icon-volume-down:before {
    content: "\f027";
}

.icon-volume-up:before {
    content: "\f028";
}

.icon-qrcode:before {
    content: "\f029";
}

.icon-barcode:before {
    content: "\f02a";
}

.icon-tag:before {
    content: "\f02b";
}

.icon-tags:before {
    content: "\f02c";
}

.icon-book:before {
    content: "\f02d";
}

.icon-bookmark:before {
    content: "\f02e";
}

.icon-print:before {
    content: "\f02f";
}

.icon-camera:before {
    content: "\f030";
}

.icon-font:before {
    content: "\f031";
}

.icon-bold:before {
    content: "\f032";
}

.icon-italic:before {
    content: "\f033";
}

.icon-text-height:before {
    content: "\f034";
}

.icon-text-width:before {
    content: "\f035";
}

.icon-align-left:before {
    content: "\f036";
}

.icon-align-center:before {
    content: "\f037";
}

.icon-align-right:before {
    content: "\f038";
}

.icon-align-justify:before {
    content: "\f039";
}

.icon-list:before {
    content: "\f03a";
}

.icon-indent-left:before {
    content: "\f03b";
}

.icon-indent-right:before {
    content: "\f03c";
}

.icon-facetime-video:before {
    content: "\f03d";
}

.icon-picture:before {
    content: "\f03e";
}

.icon-pencil:before {
    content: "\f040";
}

.icon-map-marker:before {
    content: "\f041";
}

.icon-adjust:before {
    content: "\f042";
}

.icon-tint:before {
    content: "\f043";
}

.icon-edit:before {
    content: "\f044";
}

.icon-share:before {
    content: "\f045";
}

.icon-check:before {
    content: "\f046";
}

.icon-move:before {
    content: "\f047";
}

.icon-step-backward:before {
    content: "\f048";
}

.icon-fast-backward:before {
    content: "\f049";
}

.icon-backward:before {
    content: "\f04a";
}

.icon-play:before {
    content: "\f04b";
}

.icon-pause:before {
    content: "\f04c";
}

.icon-stop:before {
    content: "\f04d";
}

.icon-forward:before {
    content: "\f04e";
}

.icon-fast-forward:before {
    content: "\f050";
}

.icon-step-forward:before {
    content: "\f051";
}

.icon-eject:before {
    content: "\f052";
}

.icon-chevron-left:before {
    content: "\f053";
}

.icon-chevron-right:before {
    content: "\f054";
}

.icon-plus-sign:before {
    content: "\f055";
}

.icon-minus-sign:before {
    content: "\f056";
}

.icon-remove-sign:before {
    content: "\f057";
}

.icon-ok-sign:before {
    content: "\f058";
}

.icon-question-sign:before {
    content: "\f059";
}

.icon-info-sign:before {
    content: "\f05a";
}

.icon-screenshot:before {
    content: "\f05b";
}

.icon-remove-circle:before {
    content: "\f05c";
}

.icon-ok-circle:before {
    content: "\f05d";
}

.icon-ban-circle:before {
    content: "\f05e";
}

.icon-arrow-left:before {
    content: "\f060";
}

.icon-arrow-right:before {
    content: "\f061";
}

.icon-arrow-up:before {
    content: "\f062";
}

.icon-arrow-down:before {
    content: "\f063";
}

.icon-share-alt:before {
    content: "\f064";
}

.icon-resize-full:before {
    content: "\f065";
}

.icon-resize-small:before {
    content: "\f066";
}

.icon-plus:before {
    content: "\f067";
}

.icon-minus:before {
    content: "\f068";
}

.icon-asterisk:before {
    content: "\f069";
}

.icon-exclamation-sign:before {
    content: "\f06a";
}

.icon-gift:before {
    content: "\f06b";
}

.icon-leaf:before {
    content: "\f06c";
}

.icon-fire:before {
    content: "\f06d";
}

.icon-eye-open:before {
    content: "\f06e";
}

.icon-eye-close:before {
    content: "\f070";
}

.icon-warning-sign:before {
    content: "\f071";
}

.icon-plane:before {
    content: "\f072";
}

.icon-calendar:before {
    content: "\f073";
}

.icon-random:before {
    content: "\f074";
}

.icon-comment:before {
    content: "\f075";
}

.icon-magnet:before {
    content: "\f076";
}

.icon-chevron-up:before {
    content: "\f077";
}

.icon-chevron-down:before {
    content: "\f078";
}

.icon-retweet:before {
    content: "\f079";
}

.icon-shopping-cart:before {
    content: "\f07a";
}

.icon-folder-close:before {
    content: "\f07b";
}

.icon-folder-open:before {
    content: "\f07c";
}

.icon-resize-vertical:before {
    content: "\f07d";
}

.icon-resize-horizontal:before {
    content: "\f07e";
}

.icon-bar-chart:before {
    content: "\f080";
}

.icon-twitter-sign:before {
    content: "\f081";
}

.icon-facebook-sign:before {
    content: "\f082";
}

.icon-camera-retro:before {
    content: "\f083";
}

.icon-key:before {
    content: "\f084";
}

.icon-cogs:before {
    content: "\f085";
}

.icon-comments:before {
    content: "\f086";
}

.icon-thumbs-up:before {
    content: "\f087";
}

.icon-thumbs-down:before {
    content: "\f088";
}

.icon-star-half:before {
    content: "\f089";
}

.icon-heart-empty:before {
    content: "\f08a";
}

.icon-signout:before {
    content: "\f08b";
}

.icon-linkedin-sign:before {
    content: "\f08c";
}

.icon-pushpin:before {
    content: "\f08d";
}

.icon-external-link:before {
    content: "\f08e";
}

.icon-signin:before {
    content: "\f090";
}

.icon-trophy:before {
    content: "\f091";
}

.icon-github-sign:before {
    content: "\f092";
}

.icon-upload-alt:before {
    content: "\f093";
}

.icon-lemon:before {
    content: "\f094";
}

.icon-phone:before {
    content: "\f095";
}

.icon-check-empty:before {
    content: "\f096";
}

.icon-bookmark-empty:before {
    content: "\f097";
}

.icon-phone-sign:before {
    content: "\f098";
}

.icon-twitter:before {
    content: "\f099";
}

.icon-facebook:before {
    content: "\f09a";
}

.icon-github:before {
    content: "\f09b";
}

.icon-unlock:before {
    content: "\f09c";
}

.icon-credit-card:before {
    content: "\f09d";
}

.icon-rss:before {
    content: "\f09e";
}

.icon-hdd:before {
    content: "\f0a0";
}

.icon-bullhorn:before {
    content: "\f0a1";
}

.icon-bell:before {
    content: "\f0a2";
}

.icon-certificate:before {
    content: "\f0a3";
}

.icon-hand-right:before {
    content: "\f0a4";
}

.icon-hand-left:before {
    content: "\f0a5";
}

.icon-hand-up:before {
    content: "\f0a6";
}

.icon-hand-down:before {
    content: "\f0a7";
}

.icon-circle-arrow-left:before {
    content: "\f0a8";
}

.icon-circle-arrow-right:before {
    content: "\f0a9";
}

.icon-circle-arrow-up:before {
    content: "\f0aa";
}

.icon-circle-arrow-down:before {
    content: "\f0ab";
}

.icon-globe:before {
    content: "\f0ac";
}

.icon-wrench:before {
    content: "\f0ad";
}

.icon-tasks:before {
    content: "\f0ae";
}

.icon-filter:before {
    content: "\f0b0";
}

.icon-briefcase:before {
    content: "\f0b1";
}

.icon-fullscreen:before {
    content: "\f0b2";
}

.icon-group:before {
    content: "\f0c0";
}

.icon-link:before {
    content: "\f0c1";
}

.icon-cloud:before {
    content: "\f0c2";
}

.icon-beaker:before {
    content: "\f0c3";
}

.icon-cut:before {
    content: "\f0c4";
}

.icon-copy:before {
    content: "\f0c5";
}

.icon-paper-clip:before {
    content: "\f0c6";
}

.icon-save:before {
    content: "\f0c7";
}

.icon-sign-blank:before {
    content: "\f0c8";
}

.icon-reorder:before {
    content: "\f0c9";
}

.icon-list-ul:before {
    content: "\f0ca";
}

.icon-list-ol:before {
    content: "\f0cb";
}

.icon-strikethrough:before {
    content: "\f0cc";
}

.icon-underline:before {
    content: "\f0cd";
}

.icon-table:before {
    content: "\f0ce";
}

.icon-magic:before {
    content: "\f0d0";
}

.icon-truck:before {
    content: "\f0d1";
}

.icon-pinterest:before {
    content: "\f0d2";
}

.icon-pinterest-sign:before {
    content: "\f0d3";
}

.icon-google-plus-sign:before {
    content: "\f0d4";
}

.icon-google-plus:before {
    content: "\f0d5";
}

.icon-money:before {
    content: "\f0d6";
}

.icon-caret-down:before {
    content: "\f0d7";
}

.icon-caret-up:before {
    content: "\f0d8";
}

.icon-caret-left:before {
    content: "\f0d9";
}

.icon-caret-right:before {
    content: "\f0da";
}

.icon-columns:before {
    content: "\f0db";
}

.icon-sort:before {
    content: "\f0dc";
}

.icon-sort-down:before {
    content: "\f0dd";
}

.icon-sort-up:before {
    content: "\f0de";
}

.icon-envelope-alt:before {
    content: "\f0e0";
}

.icon-linkedin:before {
    content: "\f0e1";
}

.icon-undo:before {
    content: "\f0e2";
}

.icon-legal:before {
    content: "\f0e3";
}

.icon-dashboard:before {
    content: "\f0e4";
}

.icon-comment-alt:before {
    content: "\f0e5";
}

.icon-comments-alt:before {
    content: "\f0e6";
}

.icon-bolt:before {
    content: "\f0e7";
}

.icon-sitemap:before {
    content: "\f0e8";
}

.icon-umbrella:before {
    content: "\f0e9";
}

.icon-paste:before {
    content: "\f0ea";
}

.icon-user-md:before {
    content: "\f200";
}

/* ============================================= */
/* ======================== Pages ===================== */
/* ============================================= */

.page_title {
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 10px 15px 30px;
}

.page_title .columns {
    padding: 0;
}

.page_title h1, .page_title h2, .page_title h3, .page_title h4, .page_title h5, .page_title h6 {
    margin: 0;
}

/* ======================== About Us Page ===================== */


.member-info {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    min-height: 476px;
}

.four.columns.Deans .member-info {
    min-height: 275px !important;
}

.four.columns.Postgraduate.Unit .member-info {
    min-height: 523px !important;
}

.four.columns.Helpers .member-info {
    min-height: 235px !important;
}

#block-views-under-graduate-section-block-1 .member-info {
    min-height: 453px !important;
}

.member-name {
    font-size: 18px;
    margin: 10px 0 0 0;
    padding: 0 5px;
}

.member-possition {
    font-style: italic;
    padding: 0 5px;
}

.member-description {
    padding: 15px 5px;
    margin: 0;
    border-top: 1px dotted;
    border-bottom: 1px dotted;
}

.member-social {
    margin-top: 5px !important;
    margin-bottom: 0px;
    float: left;
    list-style: none;
}

.member-social li {
    border-left: 1px dotted;
    float: left;
    padding: 0 5px;
}

.member-social li img {
    border: none;
}

.member-social li:first-child {
    margin-left: 0px;
    border: none;
    padding-left: 0;
}

.member-social li a {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    padding-left: 10px;
}

.member-social li a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


/* ======================== Contact Page ===================== */

.contact {
}

.contact textarea {
    height: 200px;
}

.contact-details {
    margin-bottom: 20px;
}

.contact-details p {
    margin-bottom: 5px;
}

.contact-details p span {
    font-weight: bold;
}

.map_location {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #efefef;
    background: #f8f8f8;
}

#map_canvas {
    height: 350px;
}

/* ======================== Services ===================== */

.service-inner .service-icon {
    float: left;
    width: 40%;
}

/* Service Block */

.service-block {
    background: #f8f8f8;
    max-height: 115px;
    min-height: 115px;
    margin: 20px 0;
    -webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
    -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
    -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
    transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
}

.service-block-icon {
    height: 115px;
    width: 115px;
    font-size: 68px;
    font-weight: 800;
    color: #fff;
    float: left;
    text-align: center;
    margin-right: 10px;
    -webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
    -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
    -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
    transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
}

.service-block-icon a {
    color: #fff !important;
    display: block;
    padding: 20px 0;
}

.service-block:hover {
    background: #f2f2f2;
}

.service-block:hover .service-block-icon {
    background: #444;
}

.service-block-content {
}

.service-block-content h4 {
    margin: 0;
    padding: 4% 0;
}

.service-block-icon [class^="icon-"]:before, .service-block-icon [class*=" icon-"]:before {
    padding: 0;
}

/* ======================== Single Project Page ===================== */

.project-pagination {
    float: left;
    position: relative;
    margin: 20px 0;
}

.left_pagination {
    background: url(../images/left_pagination.png) no-repeat center center #444;
    float: left;
    height: 40px;
    padding: 26px;
    width: 40px;
    margin-right: 1px;
}

.all_pagination {
    background: url(../images/all_pagination.png) no-repeat center center #444;
    float: left;
    height: 40px;
    padding: 26px;
    width: 40px;
    margin-right: 1px;
}

.right_pagination {
    background: url(../images/right_pagination.png) no-repeat center center #444;
    float: left;
    height: 40px;
    padding: 26px;
    width: 40px;
}

.left_pagination:hover {
}

.all_pagination:hover {
}

.right_pagination:hover {
}

/* ======================== 404 Not Found ===================== */

.notfound_title {
    text-align: center;
    font-weight: 800;
    font-size: 180px;
    margin: 0px;
    color: #e5e5e5;
    text-shadow: 0 5px 0 #ccc, 0 6px 16px #999;
}

.notfound_subtitle {
    text-align: center;
    margin-top: 0px;
}

.notfound_description {
    text-align: center;
}

/* ======================== Under Construction ===================== */

.construction {
}

.construction_title {
    color: #fff;
    text-align: center;
    margin-top: 20px;
}

.construction_description {
    line-height: 1.6;
}

.construction .progress h4 {
    font-weight: 300;
    font-size: 18px;
    margin: 0;
    position: absolute;
    padding: 3px 10px;
    color: #fff;
}

.construction .progress {
    height: 50px;
}

div#clock {
    color: white;
    margin: 20px auto;
    overflow: hidden;
    text-align: center;
}

div#clock p {
    padding: 10px;
    border: 1px dotted #e5e5e5;
}

div#clock p span {
    display: block;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -1px;
    padding: 5px 0 0;
}

div.coupon {
    color: #333 !important;
    font-size: 50px;
    font-weight: bold;
}

div.multi_clock {
    border: 1px solid #666;
    color: #333;
    float: left;
    margin: 10px;
    padding: 5px;
}


/* ======================== Blog  ===================== */

/* ===== General Blog  ==== */

.article_blog {
}

.article_hr {
    margin: 20px 0;
}

.article_title {
    border: medium none !important;
    padding-left: 0 !important;
}

.article_meta {
    margin-bottom: 20px;
}

.article_meta ul.link-list li a {
    display: inline;
}

.article_meta a {
    color: #909090;
}

.article_meta a:hover {
}

.article_media {
    padding: 5px;
    border: 0px dotted #ccc;
    text-align: center;
}

.article_content {
    float: left;
    width: 100%;
    margin: 20px 0;
}

/* Blog Type 1*/
.article_meta_type1 {
    border-top: 1px dotted #ccc;
    padding: 10px 0;
}

.article_meta_type1 ul.link-list {
    margin-bottom: 0px !important;
}

.article_meta_type1 ul.link-list li a {
    display: inline;
}

.article_meta_type1 a {
    color: #909090;
}

.article_meta_type1 a:hover {
}

.post-date-type1 {
    margin-top: 20px;
}

.post-date-type1 .post-date-day {
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    font-size: 26px;
    color: #FFF;
}

.post-date-type1 .post-date-month {
    padding: 10px 0;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #FFF;
    background: #444;
    margin-bottom: 20px;
}

/* Blog Type 2*/
.article_meta_type2 {
    border-top: 1px dotted #ccc;
    padding: 20px 0;
}

.article_meta_type2 ul.link-list {
    margin-bottom: 0px !important;
}

.article_meta_type2 ul.link-list li a {
    display: inline;
}

.article_meta_type2 a {
    color: #909090;
}

.article_meta_type2 a:hover {
}

.article_media_type2 {
    padding: 5px;
    border: 1px dotted #ccc;
    text-align: center;
    margin-top: 20px;
}

.article_content_type2 {
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
}

/* ===== Blog About Author  ==== */

.about-author {
    padding: 20px;
    background: #f2f2f2;
    float: left;
}

.about-author h5 {
    margin: 0 0 10px;
}

.about-author p {
    margin: 0px;
}

/* ===== Blog Comments  ==== */

.comments {
    margin-top: 20px;
}

.comments-list {
    border-bottom: 1px dotted #e5e5e5;
    margin: 30px 0 10px;
    overflow: hidden;
    padding: 0 0 10px;
}

.comment {
    border-top: 1px dotted #e5e5e5;
    list-style: none outside none;
    margin: 10px 0 0;
    padding: 30px 0 0;
    float: left;
}

.comment:first-child {
    border-top: medium none;
    margin-top: 0;
    padding-top: 0;
}

.comment .children {
    margin: 0;
    padding: 10px 0 0 30px;
    position: relative;
    float: left;
}

.comment .children .comment {
    border-top: 1px dotted #e5e5e5;
    position: relative;
    padding-top: 30px;
}

.comment-meta {
    float: left;
    margin-left: 10px;
}

.comment-body {
    float: left;
    margin-left: 60px;
}

.comment .avatar {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    position: relative;
    z-index: 1;
    min-width: 50px;
}

.comment .author, .comment .author a {
    color: #909090;
    margin: 5px 0;
    font-weight: 500;
    letter-spacing: 0;
}

.comment .author a:hover {
}

.comment .date, .comment .date a {
    color: #ccc;
    font-style: italic;
    margin: 2px 0;
}

.comment .author .comment-reply-link {
    font-size: 11px;
}

.leave-comment {
    margin-top: 20px;
}

.leave-comment textarea {
    height: 200px;
}

/* ===== Recent Blog  ==== */

.recent-post {
    margin-bottom: 30px;
}

.recent-post h4 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}

.recent-post .post-date-type1 {
    padding: 0 !important;
    margin-top: 0;
}

.recent-post .post-date-type1 .post-date-day {
    padding: 6px 10px;
    font-size: 18px;
}

.recent-post .post-date-type1 .post-date-month {
    padding: 4px 10px;
    font-size: 12px;
}

/* ===== Sidebar Right  ==== */

.sidebar-left {
}

/* ===== Sidebar Right  ==== */

.sidebar-right {
}

/* ===== Sidebar Widget  ==== */

.sidebar-widget {
    margin-bottom: 40px;
}

.sidebar-widget a {
 /*color:#909090;*/;
}

.sidebar-widget a:hover {
}

.sidebar-widget .button {
    color: #fff;
}

.sidebar-widget h3 {
    line-height: 1.5;
}

/* ===== Sidebar List  ==== */

.sidebar-list {
    list-style: none;
    margin-left: 10px;
}

.sidebar-list li {
    padding: 10px 0;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
}

.sidebar-list li:first-child {
    padding: 0px 0px 10px;
}

.sidebar-list .date {
    display: block;
    color: #ccc;
    margin-bottom: 4px;
}

/* ============================================= */
/* ======================== Portfolio ===================== */
/* ============================================= */
  
.element {
    padding: 15px;
}

.element .flex-video {
}

.variable-sizes .element.width2 {
    width: 50%;
}

.element.large, 
  .variable-sizes .element.large, 
  .variable-sizes .element.large.width2.height2 {
    width: 50%;
}

#container {
    margin: 10px 0;
}

@media only screen and (max-width: 767px) {
    .element {
        width: 100% !important;
    }
}
  
/* Filter List */

.option-set {
    list-style: none;
    margin-bottom: 0px;
    margin-top: 10px;
}

.option-set li {
    display: inline;
}

.option-set li a {
    background: #f2f2f2;
    color: #666;
}

.option-set li a.selected {
    color: #fff;
}

.active .button {
}
  
/* Portfolio Item */

.portfolio-item {
}

.portfolio-item-image {
}

.portfolio-item-image img {
    display: block;
}

.portfolio-item-content {
    background: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 10px;
    text-align: center;
}

.portfolio-item:hover .portfolio-item-content {
    border-bottom: 1px solid;
}

.portfolio-item-content .title {
    margin: 0;
    font-weight: 400;
}

.portfolio-item-content p {
    margin: 0;
    font-style: italic;
}

/* Gallery Item */
.gallery-item-image {
}

.gallery-item-image img {
    display: block;
}

.gallery-item-content {
    background: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 10px;
    text-align: center;
}

.gallery-item:hover .portfolio-item-content {
    border-bottom: 1px solid;
}

.gallery-item-content .title {
    margin: 0;
    font-weight: 400;
}

.gallery-item-content p {
    margin: 0;
    font-style: italic;
}

  
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* ============================================= */
/* ======================== FlexiSlider ===================== */
/* ============================================= */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

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

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

* html .slides {
    height: 1%;
}

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


/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0 0 25px;
    background: #fff;
    border: 1px dotted #ccc;
    padding: 4px;
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

/* FlexSlider Main Slider Theme
*********************************/

#main-slider {
    margin: 0 auto 25px;
}

#main-slider .flex-caption {
    background: rgba(68,68,68,.8);
    color: #FFF;
    z-index: 999;
    margin-bottom: 0;
    line-height: 1.65;
    margin-left: 85px;
    bottom: 0;
    position: absolute;
    padding: 10px;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -1px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
}

#main-slider:hover .flex-caption {
    opacity: 1;
}

#main-slider .flex-direction-nav a {
    bottom: 4px;
    top: inherit;
}

#main-slider .flex-direction-nav .flex-next {
    left: 46px;
    right: inherit;
}

#main-slider .flex-direction-nav .flex-prev {
}

#main-slider .flex-direction-nav a {
    margin: -30px 0 0;
}

/* FlexSlider Simple Slider 
*********************************/

.simple-slider .flex-direction-nav a {
    opacity: 0.5 !important;
    margin: -30px 0 0 !important;
}

.simple-slider .flex-direction-nav a:hover {
    opacity: 1 !important;
}

.simple-slider {
    border: medium none;
    margin-bottom: 0;
    padding: 0;
}

.simple-slider .flex-direction-nav .flex-next {
    right: 0px !important;
}

.simple-slider .flex-direction-nav .flex-prev {
    left: 0px !important;
}

.simple-slider .flexslider:hover .flex-next {
    right: 0px !important;
}

.simple-slider .flexslider:hover .flex-prev {
    left: 0px !important;
}


/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    width: 40px;
    height: 60px;
    margin: -60px 0 0;
    display: block;
    background: url(../images/bg_direction_nav.png) no-repeat 0 center #444;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.flex-direction-nav .flex-next {
    background-position: 100% center;
    right: 5px;
}

.flex-direction-nav .flex-prev {
    left: 5px;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px;
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 5px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0,0,0,0.9);
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 0;
        left: 5px;
    }

    .flex-direction-nav .flex-next {
        opacity: 0;
        right: 5px;
    }
}

/* ============================================= */
/* ======================== Camera Slider ===================== */
/* ============================================= */

.camera_wrap {
    padding: 5px;
    border: 1px dotted #ccc;
    background: #fff;
}

.camera_wrap .camera_pag .camera_pag_ul {
    text-align: center !important;
}

.camera_caption > div {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -1px;
    color: #fff;
}

.camera_wrap .camera_pag .camera_pag_ul li {
    margin: 25px 5px 12px !important;
}

.camera_wrap .camera_pag .camera_pag_ul li {
    border-radius: 0px !important;
    background: #444 !important;
}

.camera_wrap .camera_pag .camera_pag_ul li > span {
    border-radius: 0px !important;
}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
}



/* ============================================= */
/* ======================== Tablet and Mobile ===================== */
/* ============================================= */
@media only screen and (max-width: 767px) {
 /* 971 sunthar */
		
    .region1wrap .columns {
        padding: 0 15px;
    }

    .region2wrap .columns {
        padding: 0 15px;
    }

    .carousel-type2 li {
        width: 215px;
    }

    .top-bar ul > li a:not(.button) {
        padding: 1px !important;
    }

    .top-bar ul > li.name a:not(.button) {
        padding: 1px 1px 1px 10px !important;
    }
	/*li#menu-1592-1 ul li.title h5{margin-top:20px;}
	li#menu-1598-1 ul li.title h5{margin-top:35px;}
	li#menu-1598-1.moved ul li.title h5{margin-top:0px !important;}
*/
}

@media only screen and (max-width: 767px) {
	
	
	 
	 
	 /* Header */
    .top-bar {
        margin-top: 0px;
        margin-bottom: 25px;
    }

    .top-bar ul li.toggle-topbar {
        margin-top: 0px;
    }

    .top_social {
        float: right;
        margin-bottom: 6px;
        margin-top: 6px;
    }

    .top_search {
        padding-bottom: 25px;
    }
	
	/* Carousel */
	
    .list_carousel li {
        width: 300px;
    }
	
	/* Services */
	
    .service-block-content h4 {
        font-weight: 700;
        margin: 0;
        padding: 2% 0;
    }
	
	/* Newsletter */
    .newsletter-input {
        padding-top: 0px;
        padding-bottom: 20px;
    }
	
	/* Clients List */
    ul.clients_list li {
        width: 100% !important;
    }
	
	/* Footer */
    .footer_bottom .link-list {
        margin: 0 0 10px;
        float: left;
    }

    .footer_bottom .link-list li:first-child {
        margin: 0;
        padding: 0;
    }

    .newsletter {
        padding-top: 0px;
        margin-bottom: 16px !important;
    }

    .newsletter .button {
        font-size: 11px;
    }
	
	/* About Us Page */
    .member-info {
        margin-bottom: 20px;
    }
	
	/* 404 - Not Found Page */
    .notfound_title {
        font-size: 140px;
    }
	
	/* Flexi Main Slider */
    #main-slider .flex-caption {
        font-size: 16px;
    }
}

@media print {
    #map_canvas {
        height: 650px;
    }
}

/* ============================================= */
/* ======================== Overlay ===================== */
/* ============================================= */

.image-overlay {
    position: relative;
}

.overlay-icon {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #444;
    height: 100%;
    left: 0;
}

.item-zoom {
    background: url(../images/icons/item-zoom.png) no-repeat center center #444;
    opacity: 0;
}

.portfolio-item:hover .item-zoom {
    opacity: 0.6 !important;
}

.item-movie {
    background: url(../images/icons/item-movie.png) no-repeat center center #444;
}

.item-image {
    background: url(../images/icons/item-image.png) no-repeat center center #444;
}

.item-link {
    background: url(../images/icons/item-link.png) no-repeat center center #444;
}

.item-plus {
    background: url(../images/icons/item-plus.png) no-repeat center center #444;
}

.item-info {
    background: url(../images/icons/item-info.png) no-repeat center center #444;
}

/* ====================== CUSTOM CSS by Subhas ======================= */
.two {
    /*width: 50%;*/
    width: 16.66666%;
}

.nine, .row .nine {
    width: 67% !important;
    ;
}

.top-bar ul > li a:not(.button) {
    padding: 0px 20px;
}

.three, .row .three {
    width: 33% !important;
}

.row .three h1 {
    margin: 8px 0 0 !important;
}

#block-views-slider-block {
    margin-left: 190px !important;
}

.front .four,.front .row .four {
    width: 25% !important;
}

ul li.leaf {
    list-style-image: none;
    margin-left: 15px;
}

#block-menu-menu-footer-menu ul.menu li {
    border-left: 1px dotted #E5E5E5;
    display: block;
    float: left;
    margin: 0 0 0 0.5em;
    padding: 0 0 0 5px;
}

#block-menu-menu-footer-menu ul.menu li:first-child {
    border-left: none !important;
}

.accordion-menu-wrapper .accordion-header-1 {
    display: none;
}

.language-switcher-locale-url li {
    border-left: 1px dotted;
    float: left;
    line-height: 2px;
    list-style: none outside none;
    padding: 5px;
}

.accordion-menu-wrapper .accordion-header-1 {
    display: none;
}

.language-switcher-locale-url li:first-child {
    border-left: none;
}

.front .region3wrap .content_top {
    padding: 0 !important;
    display: none;
}

#block-views-story-block img {
    /*border: 1px solid #FF6633;*/
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    padding: 2px;
}

#block-views-recent-stories-block .views-field-title {
    margin-bottom: 5px;
}

#block-views-story-block .views-field-title {
    clear: both;
    float: none;
    margin-bottom: 2px;
}

#block-views-story-block .views-row {
    height: auto;
    margin-bottom: 15px;
    overflow: hidden;
}

#block-views-story-block .views-row-odd, .views-row-even {
    clear: both;
}

#block-views-story-block .field-content p {
    padding-top: 4px;
}

#block-views-news-block .views-field-field-news-image,#block-views-breaking-news-snippet-block .views-field-field-news-image ,#block-views-breaking-news-block .views-field-field-news-image {
    clear: left;
    float: left;
}

#block-views-news-block .views-field-title,#block-views-breaking-news-snippet-block .views-field-title ,#block-views-breaking-news-block .views-field-title {
    clear: right;
    float: none;
    margin-bottom: 6px;
}

#block-views-news-block img, #block-views-homepage-news-view-hindi-block img ,#block-views-breaking-news-snippet-block img,#block-views-breaking-news-block img {
    /*border: 1px solid #FF6633;*/
    float: left;
    margin-right: 8px;
    padding: 2px;
}

#block-views-news-block p,#block-views-breaking-news-snippet-block p ,#block-views-breaking-news-block p {
    margin-left: 8px;
    margin-right: 10px;
}

.front .region4wrap .four, .front .region4wrap .row .four {
    width: 33% !important;
}

#block-views-event-block .view-content, #block-views-event-block .view-header, #block-views-event-block .view-footer {
    clear: both;
}

#block-views-event-block-1 .view-content, #block-views-event-block-1 .view-header, #block-views-event-block-1 .view-footer {
    clear: both;
}

.views-row-odd, .views-row-even {
    clear: both;
}

.views-field-title {
    clear: right;
    float: none;
    /*margin-bottom: 10px;*/
    line-height: 1.5;
}

.view-event .views-field.views-field-field-event-date {
    /*margin-bottom: 10px;*/
}

#block-views-event-block img {
    margin-right: 4px;
    margin-top: 5px;
    padding: 0;
}

#block-views-event-block-1 img {
    margin-right: 4px;
    margin-top: 5px;
    padding: 0;
}

.event_images {
    float: left;
}

span.date-display-single {
    margin-right: 4px;
	/*position: absolute;*/
    margin-top: 10px;
}

.front-calendar {
    display: inline-block;
    height: auto;
    margin-top: 10px;
    overflow: hidden;
    width: 90%;
}

#content .adr span {
    position: relative;
}

.views-field-field-event-location {
    clear: both;
    margin-bottom: 2px;
}

.views-field-field-event-location .location {
    float: left;
}

#block-views-event-block .views-row {
    padding-bottom: 6px;
}

#block-views-event-block-1 .views-row {
    padding-bottom: 6px;
}

#block-views-news-block a,#block-views-breaking-news-snippet-block a {
    line-height: 1.2;
}

#block-views-news-block a:hover ,#block-views-breaking-news-snippet-block a:hover {
    color: #909090 !important;
}

#block-views-event-block a,#block-views-breaking-news-snippet-block a {
/*color:#FF6633 !important;*/
    line-height: 1.2;
}

#block-views-event-block a:hover ,#block-views-breaking-news-snippet-block a:hover {
    color: #909090 !important;
}

.news_images img {
    border: none !important;
    float: none !important;
    margin-right: 0px !important;
    padding: 0px !important;
    margin-bottom: -2px !important;
    width: 13px;
    height: 12px;
}

.view-id-faculty_list_new table.cols-2 td {
    width: 50% !important;
}
/* .view-id-faculty_list_new .Details{
    position: relative;
    left: 130px;
    bottom: 106px;
	}
.view-id-faculty_list_new .image-wrap img{

    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
	border-color:#DCDCDC;
	border-style:solid;
    margin-left: 10px;
    margin-right: 10px;
}
.view-faculty-list-new .faculty-name{
font-weight:bold; 
color:#166782;
}

.view-faculty-list-new .email-address{
text-decoration: underline;

}*/

/*For mobile portrait*/
@media only screen and (min-width: 320px) and (max-width: 767px) {

    body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td {
        color: #333;
        font-size: 16px;
    }

    .four,.row .four {
        width: 100% !important;
    }

    #block-menu-menu-academics .content, #block-menu-menu-explore-iitb .content, #block-menu-menu-research .content, #block-menu-menu-quick-find .content {
        padding-left: 17px !important;
        -webkit-padding-start: 17px !important;
        -moz-padding-start: 17px !important;
    }

    .front .region4wrap .four, .front .region4wrap .row .four {
        width: 100% !important;
    }

    .front .four, .front .row .four {
        width: 100% !important;
    }
	/*li#menu-322-1 ul.dropdown {
	top:-20px !important;
	}
	li#menu-323-1 ul.dropdown {
	top:88px !important;
	}*/
	/*Added on 04-12-2013 by gaboli for mobile version*/
    li#menu-323-1.moved ul.dropdown {
        display: block !important;
    }

    li#menu-323-1 ul.dropdown {
        display: none;
    }

    li#menu-1592-1.moved ul.dropdown {
        display: block !important;
    }

    li#menu-1592-1 ul.dropdown {
        display: none;
    }

    li#menu-1598-1.moved ul.dropdown {
        display: block !important;
    }

    li#menu-1598-1 ul.dropdown {
        display: none;
    }

    form#searchform {
        width: 275px;
    }

    .top_search input[type="text"] {
        width: 200px;
    }

    .region3wrap,.nine, .row .nine {
        width: 100%!important;
    }

    #block-system-main .view-calendar ul.pager {
        height: 50px;
        position: relative;
    }

    #block-system-main .view-calendar ul.pager li.date-prev,#block-system-main .view-calendar ul.pager li.date-next {
        left: 0px;
        width: 70px;
    }

    #block-system-main .view-calendar ul.pager li.date-next {
        margin-left: 100px;
    }

    .eight, .row .eight {
        width: 100%;
    }
}

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

    body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td {
        color: #333;
        font-size: 16px;
    }

    #block-menu-menu-academics .content, #block-menu-menu-explore-iitb .content, #block-menu-menu-research .content, #block-menu-menu-quick-find .content {
        padding-left: 17px !important;
        -webkit-padding-start: 17px !important;
        -moz-padding-start: 17px !important;
    }

    .eight, .row .eight {
        width: 100%;
    }
	/*css for menu*/
    .mbmenu {
        display: block !important;
    }

    .top-bar {
        display: none;
    }

    .mbmenu .touch-button {
        min-width: 50px !important;
        display: inline-block;
    }
}

@media only screen and (min-width: 481px) and (max-width: 1366px) {
	/*#block-menu-menu-academics .content, #block-menu-menu-explore-iitb .content, #block-menu-menu-research .content, #block-menu-menu-quick-find .content {
		padding-left: 11% !important;
		-webkit-padding-start: 10% !important;
	}*/

    #block-menu-menu-academics .content, #block-menu-menu-explore-iitb .content, #block-menu-menu-research .content, #block-menu-menu-quick-find .content {
        padding-left: 0 !important;
    }
}
/* ======================== CUSTOM CSS ends here ===================== */
/* ====================added by Dev=================================*/

.i18n-hi #block-menu-menu-footer-menu {
    display: none;
}

.i18n-hi #block-menu-menu-hindi-footer-menu ul li {
    border-right: 1px dotted;
    float: left;
    list-style: none outside none;
    padding-right: 3%;
    width: auto;
}

.footer_bottom .six {
    width: 35%;
}

.footer_right {
    float: right !important;
    width: auto !important;
}

#block-views-faculty-listing-block-1 table,#block-views-pg-people-listing-block-1 table,
#block-views-ug-people-listing-block-1 table,#block-views-faculty-job-vacancy-list-block table,.view-all-faculty-job-vacancy-list table {
    width: 100%;
}

#block-views-faculty-listing-block-1 .image-wrap ,
#block-views-pg-people-listing-block-1 .image-wrap ,
#block-views-ug-people-listing-block-1 .image-wrap {
    float: left;
    margin-right: 20px;
    width: auto;
}

.label100 {
    font-weight: bold;
    margin: 0 10px 0 0;
}

#block-menu-menu-footer-menu {
    float: right;
    width: auto;
}

.image-wrap {
    width: 25%;
    float: left;
}

.Details {
    width: 70%;
    float: left;
}

#slogan-site-name {
    float: left;
}

/*a.logo h5 { letter-spacing:0.01em; }*/

#slogan-site-name h1,.snd h1 {
    font-weight: bold;
    color: #000000;
    font-size: 36px;
    /*margin-top: 13px !important;*/
}

a.logo {
    float: left;
}

.logo {
    padding: 5px 10px 5px 5px;
    width: 10em;
}

a.djlogo {
   float: left;
}

.djlogo {
    padding: 5px 0 5px 0;
    width: 12em;
   float: right;
}


.fst {
    width: 10em;
    float: left;
    padding-left: 10px;
}

.snd {
   /* max-width: 50em;*/
    max-width: 33em;
    float: left;
}

.trd {
    max-width: 100em;
    float: right;
}



.head_search {
    margin: auto;
}

#block-views-faculty-listing-block-1,#block-views-pg-people-listing-block-1,
#block-views-under-graduate-section-block-1,#block-views-test-block {
    height: auto;
    overflow: hidden;
    width: 100%;
}

/*CSS buy Vinay*/
.red_arr_bul {
    background-image: url("../images/red_arr_bul.gif");
    background-position: left 3px;
    background-repeat: no-repeat;
    padding-bottom: 8px;
    padding-left: 15px;
}

#event_image {
    height: 200px;
    width:166px;
}

.ram {
    padding-top: 35px;
}

.vijay {
    padding-top: 165px;
}

.news-award_image {
    float: right;
    padding: 0px 10px;
    max-width: 120px;
    width: 100px;
    height: 100px;
}
/******ENDS******/
#block-views-news-block .view-footer a.next,#block-views-event-block .view-footer a.next,#block-views-breaking-news-snippet-block .view-footer a.next,#block-views-breaking-news-block .view-footer a.next, #list_carousel .view-footer a.next {
    background-position: -26px -3px !important;
    height: 17px!important;
    width: 17px !important;
}

#block-views-news-block .view-footer a.all-news,#block-views-event-block .view-footer a.all-news,#block-views-breaking-news-snippet-block .view-footer a.all-news,#block-views-breaking-news-block .view-footer a.all-news {
    float: left;
    margin-right: 5px;
}

#block-views-event-block .view-footer {
    padding-top: 15px;
    float: right;
}

.front #block-views-news-block p {
    margin-bottom: 0px;
}

.front #block-views-news-block .views-row {
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
}

.maincontent .view-employee-list h3,.maincontent .view-search-employee h3 {
    border-left: 0 none !important;
    clear: both;
    width: 100%;
}

.view-annual-report span.date-display-single,.view-annual-report-auto span.date-display-single {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 4px;
    margin-top: 10px;
    position: relative !important;
}

.view-tenders-list .views-field-body,.view-all-tenders .views-field-body {
    width: 34%;
}

.view-tenders-list .views-field-field-tender-due-date,.view-all-tenders .views-field-field-tender-due-date {
    width: 12%;
}

.view-tenders-list .views-field-field-tender-division,.view-all-tenders .views-field-field-tender-division {
    width: 10%;
}

.view-tenders-list .views-field-field-tender-qty,.view-all-tenders .views-field-field-tender-qty {
    width: 11%;
}

.view-tenders-list span.date-display-single,.view-all-tenders span.date-display-single {
    margin-top: 0px;
}

.view-annual-report table,.view-annual-report-auto table {
    width: 20%;
}

th.header:after ,th.headerSortUp:after {
    content: url("../../../../../misc/arrow-asc.png");
    cursor: pointer;
}

th.headerSortDown:after {
    content: url("../../../../../misc/arrow-desc.png")!important;
    cursor: pointer;
}

.item-list .pager {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
/*CSs by subhash*/
.region4wrap .content_bottom {
/*background-color:transparent !important*/;
}

.home-search {
    float: right;
}

.home-search .top_search input#edit-search-block-form--2 {
    background: #e4e4e4 !important;
}

.node-type-jobvacancy .field-item {
    line-height: 35px;
}

.node-type-jobvacancy span.date-display-single {
    position: relative !important;
}

.page-node-549 table,.page-node-608 table {
    width: 100%;
}

li#menu-321-1 .dropdown li a {
    min-width: 194px;
}

.main {
    font-weight: bold;
}

.page-node-404 table,table td,tbody {
    border: none !important;
}

#menu-2075-1 span {
    color: #CCCCCC;
    font-size: 12px !important;
    font-weight: 600;
    height: 100%;
    line-height: normal;
    min-width: 214px;
    padding: 12px 23px;
    white-space: pre-wrap;
    display: inline-block;
}

#node-299 table th {
    padding: 10px 9px;
}

.vat {
    float: right;
}

.gallery-item-image:hover span.item-zoom {
    opacity: 0.6;
}

ul.link-list .post-author,ul.link-list .post-categories,ul.link-list .post-comments,
.field-name-field-readmore-url,.field-name-field-event-readmore-url {
    display: none;
}

.field .field-label {
    line-height: 25px;
}

.detail-urls {
    margin-top: 15px;
}

.node-type-portfolio .push-four {
    left: 0% !important;
    width: 100%;
}

.red {
    color: red;
}

.menu-block-7 ul.menu .leaf,.menu-block-9 ul.menu .leaf {
    margin-left: 24px;
}
/*
html.js input.form-autocomplete {
    background-position: 100% 4px !important;
}*/
input.form-autocomplete {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #999999 #CCCCCC #CCCCCC;
    border-image: none;
    border-right: 1px solid #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    padding: 2px !important;
}

.node-form .field-name-field-readmore-url,.node-form .field-name-field-event-readmore-url {
    display: block !important;
}

.report-title,.report-year {
    float: left;
    width: 40%;
}

.report-year {
    width: 10%;
}

.view-search-for-annual-report .views-row {
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
}

.view-search-for-annual-report {
    margin-top: 20px;
}

.award-image {
    float: left;
    margin-right: 20px;
}

.award-name,.award-year {
    margin-bottom: 7px;
}

.field-name-field-emp-image,.field-name-field-award-image {
    float: left;
    margin-right: 10px;
}

.field-name-field-namepre {
    width: auto;
    float: left;
    margin-right: 8px;
}

.node-peoplenew .field-item,.node-tenders .field-item,.node-jobvacancy .field-item {
    line-height: 23px;
}

.page-admin-workbench #toolbar div.toolbar-drawer {
    display: none !important;
}

.article_meta .post-author,.article_meta .post-categories,.article_meta .post-comments {
    display: none;
}

.admin-menu .toolbar-menu ul {
    display: none;
}

.admin-menu .toolbar-menu {
    height: 30px;
}
/*body div#toolbar.toolbar{
top:10px !important;
}*/
#toolbar .toolbar-menu {
    display: none;
}

ul#admin-menu-menu li a {
    font-size: 12px;
}

iframe#lightboxFrame {
    border: 1px solid #e4e4e4;
    padding-left: 10px;
}

#block-views-annual-report-block {
    float: left;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

#block-views-event-block .views-field-field-event-date .field-content:before {
    content: "";
    display: block;
    background: url("../images/icons/timeicon.png") no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 6px 0 0;
    background-size: contain;
}

#block-views-event-block .views-field-address .field-content .adr:before {
    content: "";
    display: block;
    background: url("../images/icons/address_icon.png") no-repeat;
    width: 14px;
    height: 25px;
    float: left;
    margin: 1.5ex 1ex 1.5ex 0;
    background-size: contain;
}

#block-views-event-block .views-row {
    height: auto;
    overflow: hidden;
    /*margin-bottom: 20px;*/
}

#block-views-event-block .views-row.views-row-last {
    height: auto;
    overflow: hidden;
    margin-bottom: 0px;
}

div.adr span.fn:after {
    content: "";
}

.node .date-display-start,.node .adr span {
    line-height: 25px;
}

.node .adr {
    margin-bottom: 20px;
}

.adr {
    line-height: 1.5;
}

.node .view-all-news .content img {
    height: 100px !important;
    width: 100px!important;
}

.view-board-of-governors td.views-field-field-image {
    width: 20%;
}

.view-list-of-directors td.views-field-field-image {
    width: 30%;
}

.field-label-inline .field-label, .field-label-inline .field-items {
    float: left;
    line-height: 25px;
}

.mbmenu {
    display: none;
}
/* Flexnav Base Styles */
.flexnav {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-height: 0;
}

.flexnav.opacity {
    opacity: 0;
}

.flexnav.flexnav-show {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px;
}

.flexnav li {
    font-size: 100%;
    position: relative;
    overflow: hidden;
}

.flexnav li a {
    position: relative;
    display: block;
    padding: .96em;
    z-index: 2;
    overflow: hidden;
    color: #222222;
    background: #a6a6a2;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.flexnav li ul {
    width: 100%;
}

.flexnav li ul li {
    font-size: 100%;
    position: relative;
    overflow: hidden;
}

.flexnav li ul.flexnav-show li {
    overflow: visible;
}

.flexnav li ul li a {
    display: block;
    background: #b2b2af;
}

.flexnav ul li ul li a {
    background: #bfbfbc;
}

.flexnav ul li ul li ul li a {
    background: #cbcbc9;
}

.flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #acaca1;
    background: rgba(0, 0, 0, 0.075);
    text-align: center;
}

.flexnav .touch-button:hover {
    cursor: pointer;
}

.flexnav .touch-button .navicon {
    position: relative;
    top: 1.4em;
    font-size: 12px;
    color: #666;
}

.menu-button {
    position: relative;
    display: block;
    padding: 1em;
    background: #a6a6a2;
    color: #222222;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px;
}

.menu-button .touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
}

.menu-button .touch-button .navicon {
    font-size: 16px;
    position: relative;
    top: 1em;
    color: #666;
}

@media all and (min-width: 800px) {
    body.one-page {
        padding-top: 70px;
    }

    ul.menu {
        margin-left: 0;
    }

    .flexnav {
        overflow: visible;
    }

    .flexnav.opacity {
        opacity: 1;
    }

    .flexnav.one-page {
        top: 0;
        right: auto;
        max-width: 1080px;
    }

    .flexnav li {
        position: relative;
        list-style: none;
        float: left;
        display: block;
        background-color: #a6a6a2;
        overflow: visible;
        width: 20%;
    }

    .flexnav li a {
        border-left: 1px solid #acaca1;
        border-bottom: none;
    }

    .flexnav li > ul {
        position: absolute;
        top: auto;
        left: 0;
    }

    .flexnav li > ul li {
        width: 100%;
    }

    .flexnav li ul li > ul {
        margin-left: 100%;
        top: 0;
    }

    .flexnav li ul li a {
        border-bottom: none;
    }

    .flexnav li ul.open {
        display: block;
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    .flexnav li ul.open li {
        overflow: visible;
        max-height: 100px;
    }

    .flexnav li ul.open ul.open {
        margin-left: 100%;
        top: 0;
    }

    .menu-button {
        display: none;
    }
}

.oldie body.one-page {
    padding-top: 70px;
}

.oldie .flexnav {
    overflow: visible;
}

.oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px;
}

.oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #a6a6a2;
    width: 20%;
    min-height: 50px;
    overflow: visible;
}

.oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible;
}

.oldie .flexnav li:hover > ul li {
    width: 100%;
    float: none;
}

.oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none;
    overflow: visible;
}

.oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible;
}

.oldie .flexnav li ul li ul {
    top: 0;
}

.oldie .flexnav li ul li a {
    border-bottom: none;
}

.oldie .flexnav li ul.open {
    display: block;
    width: 100%;
    overflow: visible;
}

.oldie .flexnav li ul.open li {
    width: 100%;
}

.oldie .flexnav li ul.open ul.open {
    margin-left: 100%;
    top: 0;
    display: block;
    width: 100%;
    overflow: visible;
}

.oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0;
}

.oldie .menu-button {
    display: none;
}

.oldie.ie7 .flexnav li {
    width: 19.9%;
}
  
  /*ends*/
#edit-actions div.two,#edit-actions2 div.two {
    width: auto !important;
}

/* ====================== Sunthar Added ====================== */

/* Search css */
.container.region9wrap .ten.mobile-three.columns{width:65%;}
.container.region9wrap .two.mobile-one.columns{width:35%;}
.container.region3wrap .two.mobile-one.columns {width: auto;}


/* ------------------ People ---------------------- */


/*
.views-label {
   float: left;
}

.views-field {
   float: left;
}
.field-content {
   float: left;
}


.views-field-title { 
  width: 10em;
}

*/

/*
.views-field-title:after { 
  content: ",";
}


.views-field-field-emp-designation { 
   font-style:italic; 
   padding:0 5px;
   height:auto;
}


.views-field-field-emp-email { 
   padding:0 5px;
}

*/