@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);
.clearfix:after,
a.ms-srch-sb-searchLink {
    visibility: hidden
}
img,
legend {
    border: 0
}
#MainRow,
.page-content {
    white-space: normal
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
.ms-navedit-editArea{
	display:none !important;
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
.page-viewport .view,
[hidden],
template {
    display: none
}
audio:not([controls]) {
    display: none;
    height: 0
}
a {
    background-color: transparent;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre,
textarea {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend,
td,
th {
    padding: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
#featured .media .media-body>p,
#welcomeMenuBox,
.global-nav .additional-background,
.global-nav .menu-item-text,
.left-navbar,
.ms-core-listMenu-horizontalBox li.static>.ms-core-listMenu-item,
.ms-navedit-editLinksText {
    font-size: 14px
}
.global-nav .menu-item-text,#welcomeMenuBox{
	
	 font-size: 15px;
	 color:white;
}
.global-nav .menu-item-text:hover{
	 
}
.page-button.selected {
    background-color: #572179!important;
    color: #fff
}
.page-viewport .view.active {
    display: block
}
.news-item .news-image-wrapper img {
    width: 100%;
    border-radius: 5px 5px 0 0
}
.news-item .news-image-wrapper {
    padding: 0;
    margin: 0
}
.news-item .news-title {
    font-size: 24px;
    display: block
}
.news-item .description {
    margin-bottom: 10px
}
.news-item .link-item {
    padding: 20px;
    background-color: #fff
}
.news-date {
    color: #999;
    font-size: 12px;
    margin: 4px 0 16px
}
.page-content {
    box-sizing: border-box;
    color: #000;
    display: inline;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: auto;
    line-height: 20px;
    width: auto;
    word-wrap: break-word
}
.ms-dlgTitle,
.news-item h5 {
    white-space: nowrap;
    overflow: hidden
}
.ms-core-listMenu-horizontalBox li,
.ms-core-listMenu-horizontalBox ul {
    padding: 0;
    margin: 0
}
.notification-bar,
.notification-bar .title {
    z-index: 1600;
    color: #fff;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 700
}
.read-all {
    margin-left: 10px;
    color: #572179;
    font-weight: 700
}
.read-all .read-all-icon {
    margin-left: 4px
}
.notification-bar .icon-wrapper {
    position: absolute;
    left: 10px
}
.notification-bar .dismiss-wrapper {
    position: absolute;
    right: 0
}
.notification-bar .dismiss-wrapper>a {
    font-size: 13px;
    border: 2px solid #fff;
    color: #fff;
    padding: 4px
}
.notification-bar .dismiss-wrapper>a:hover {
    color: #333;
    border-color: #333
}
.notification-bar .icon-wrapper i {
    font-size: 25px
}
.notification-bar .content-wrapper {
    position: relative
}
.bpc-form {
    margin-top: 10px;
    max-width: 680px;
    width: expression(this.width > 680 ? 680: true)
}
.CBS-status-wrapper #lblWebsiteStatus.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}
.CBS-status-wrapper #lblWebsiteStatus {
    display: block
}
.CBS-status-wrapper #lblWebsiteStatus.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}
.CBS-status-wrapper #lblWebsiteStatus b {
    margin-right: 10px
}
.CBS-status-wrapper #lblWebsiteStatus .glyphicon {
    color: inherit;
    margin-right: 4px;
    font-size: small
}
.bpc-form #bpclogo {
    width: 40px;
    height: 40px;
    background: url('/Style Library/BPC/img/BPC_small.png') no-repeat;
    border: 2px solid #ddd;
    color: #ddd;
    position: absolute;
    top: 20px;
    right: 0
}
.circular {
    width: 40px;
    height: 40px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    min-height: 40px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    zoom: 1
}
.bpc-form .form-header {
    height: 46px;
    border-bottom: 2px solid #ddd;
    position: relative;
    margin-bottom: 20px;
    width: 100%
}
.bpc-form .form-header .header-text {
    font-size: 18px;
    position: absolute;
    bottom: 0;
    color: #5A5A5A
}
.bpc-form .form-title {
    font-size: 18px;
    font-weight: 400;
    border-bottom: 2px solid #572179
}
.bpc-form .form-title .heading {
    padding: 6px 0;
    text-align: right
}
.bpc-form .form-title .heading>.text {
    color: #440B50;
    font-weight: 500
}
.bpc-form .form-title .heading .button-group .glyphicon {
    font-size: medium
}
.bpc-form .form-title>.heading>.button-group>ul {
    padding: 0;
    margin: 0;
    list-style: none
}
.bpc-form .form-title>.heading>.button-group>ul>li {
    margin-left: 20px;
    vertical-align: sub
}
.document-link-wrapper,
.inline-block {
    vertical-align: top
}
.document-link-wrapper .cover-image-viewport{
	height:100px;
	overflow:hidden;
	margin-top:10px;
}
.document-link-wrapper .cover-image{
		height:100px;
		width:100px;
		border:2px solid;

}
.bpc-form .form-title>.heading>.button-group>ul a:hover,
.bpc-form .form-title>.heading>.button-group>ul a:link,
.bpc-form .form-title>.heading>.button-group>ul a:visited {
    color: #ABABAB
}
.bpc-form .ms-formlabel .important {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px
}
.bpc-form .form-title .bpc-logo img {
    width: 60px
}
.bpc-form .row-divider {
    margin: 20px 0
}
.bpc-form .row-divider hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #572179
}
.bpc-form .header-divider {
    height: 2px
}
.bpc-form .form-title .bpc-logo {
    margin-bottom: 10px
}
.bpc-form .loading-indicator {
    display: none
}
.bpc-form .form-wrapper {
    position: relative
}
.bpc-form .ms-formlabel .ms-standardheader {
    text-transform: capitalize
}
.bpc-form .col-2 .ms-formlabel:first-child .ms-standardheader {
    padding-left: 0
}
.bpc-form .col-2 .ms-standardheader {
    padding-left: 20px
}
.bpc-form input[type=button],
.bpc-form input[type=submit] {
    padding: 8px;
    border: 1px solid #000;
    background: #333;
    color: #ddd;
    margin-top: 20px;
    font-size: .9em;
    margin-bottom: 0;
    font-weight: inherit;
    font-family: inherit
}
#social,
.featherlight-next span,
.featherlight-previous span,
.hide-text,
ul.breadcrumb>li {
    text-shadow: none
}
#tbl_newuser {
    max-width: 680px;
    width: expression(this.width > 680 ? 680: true)
}
body {
    padding: 0!important
}
.colored-wrapper .required {
    color: red
}
.colored-wrapper td {
    vertical-align: middle
}
.colored-wrapper .ms-inputformheader {
    cursor: default;
    display: inline;
    font-size: 12px
}
.search-icon,
.submit-search:hover {
    cursor: pointer
}
#groupPanel {
    margin-top: 20px;
    margin-bottom: 40px
}
.ms-inputBoxDisabled,
.sp-peoplepicker-topLevelDisabled,
input[type=file][disabled],
input[type=password][disabled],
input[type=text][disabled],
select[disabled],
textarea[disabled] {
    font-size: 1em;
    text-indent: .25em;
    border: 1px solid #DADADA;
    display: block;
    height: 32px;
    width: 295px;
    margin-top: 20px
}
.colored-wrapper textarea {
    min-height: 100px;
    width: 464px;
    font-size: 1em;
    border: 1px solid #DADADA
}
.colored-wrapper {
    width: 680px;
    background: #E6E6E6;
    margin-top: 20px;
    margin-left: 15px;
    padding: 20px
}
.colored-wrapper label {
    color: #555
}
.colored-wrapper .validator {
    color: red
}
.tbl_changepassword {
    width: 100%
}
.tbl_changepassword input[type=password],
.tbl_changepassword input[type=text] {
    font-size: 1em;
    text-indent: .25em;
    border: 1px solid #DADADA;
    display: block;
    height: 32px;
    width: 295px;
    background: #fff;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 20px
}
.tbl_changepassword .validator {
    position: relative;
    top: -10px;
    color: red
}
input[type=password] {
    margin-bottom: 20px
}
.ms-dlgFrameContainer .page-content {
    padding-top: 20px
}
.CBS-status-wrapper {
    display: none;
    margin: 0 15px 10px 0;
    padding-left: 15px;
}
#pnl_ChangePassword {
    display: block;
    margin-bottom: 1px
}
.CBS-status-wrapper #lblWebsiteStatus {
    position: static;
    margin-bottom: 0;
    padding: 20px;
    border-width: 1px;
    border-style: solid
}
.CBS-status-wrapper .success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}
.CBS-status-wrapper .error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}
.CBS-status-wrapper b {
    margin-right: 10px
}
.CBS-status-wrapper .glyphicon {
    color: inherit;
    margin-right: 4px;
    font-size: small
}
.bpc-form input[type=text],
.bpc-form select,
.bpc-form textarea {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0;
    padding: 3px 3px 3px 5px;
    font-size: 12px;
    line-height: 15px
}
#tbl_newuser textarea,
.bpc-form textarea {
    height: auto
}
.bpc-form .ms-dtinput input,
.bpc-form .ms-dttimeinput input,
.bpc-form .ms-dttimeinput select {
    width: auto
}
.bpc-form p {
    color: green;
    margin-bottom: 20px
}
.bpc-form .ms-formbody {
    text-align: right
}
#tbl_newuser .ms-sectionheader {
    padding-top: 44px!important
}
#tbl_newuser .ms-inputformheader {
    text-transform: capitalize;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}
,
#tbl_newuser input[type=text],
#tbl_newuser input[type=password],
#tbl_newuser select,
#tbl_newuser textarea {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    width: 100%;
    outline: 0;
    padding: 3px 3px 3px 5px;
    font-size: 12px;
    line-height: 15px;
    box-shadow: inset 0 1px 4px #ECECEC;
    -moz-box-shadow: inset 0 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0 1px 4px #ECECEC
}
.js-callout-content {
    z-index: 999999
}
#s4-ribboncont,
#suiteBarLeft {
    background-color: #F0F0F0
}
.navbar-toggle {
    position: relative;
    padding: 9px 10px;
    margin-right: 15px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 0
}
.navbar-inverse #left-navbar-toggle {
    border-color: #563d7c;
    margin: 0;
    float: left
}
.search-wrapper {
    float: right;
    margin-top: 26px
}
.searchboxWrapper {
    float: right;
    margin-right: -30px
}
#welcomeMenuBox,
.navbar-toggle,
.search-icon {
    float: right;
    margin-top: 26px;
     margin-top: 24px;
}
.search-icon {
    margin: 0;
    position: relative
}
.submit-search {
    height: 30px;
    width: 30px;
    line-height: 30px;
    background-color: #572179;
    text-align: center;
    border-radius: 50%;
    min-height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    font-size: 16px
}
#SearchBox input[type=text] {
    width: 0;
    display: none;
    border-radius: 0;
    height: 24px;
    color: #fff;
    background-color: #572179!important;
    border: 1px solid #572179;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.ms-srch-sbLarge {
    background-color: #572179!important
}
.ms-wpadder-description {
    line-height: 1em;
    margin-top: 10px
}
.ms-wpadder-buttonArea.ms-wpadder-zoneArea button {
    padding: 12px 0
}
.ms-wpadder-wpname {
    margin-top: 10px
}
.ms-wpadder-sectionhead {
    padding: 10px 0
}
.ms-welcome-root {
    padding-left: 2px
}
#suiteBar {
    display: block;
    background-color: rgba(239, 239, 239, .78);
    height: auto
}
#suiteBar .content-wrapper {
    max-width: 1172px
}
.ms-siteactions-root {
    margin-top: 5px
}
#suiteBarLeft,
#suiteBarRight {
    margin: 0;
    padding: 0
}
.layout-form input[type=text],
.layout-form select,
.layout-form textarea {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0;
    padding: 3px 3px 3px 5px;
    font-size: 12px;
    line-height: 15px;
    box-shadow: inset 0 1px 4px #ECECEC;
    -moz-box-shadow: inset 0 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0 1px 4px #ECECEC;
    max-width: 400px
}
.layout-form .ms-dtinput input,
.layout-form .ms-dttimeinput input,
.layout-form .ms-dttimeinput select {
    width: auto
}
.layout-form textarea {
    height: auto
}
.layout-form .page-content {
    background: #fff;
    min-height: 500px
}
.layout-form .news-headline {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 10px;
    color: #572179;
    margin-top: 20px
}
div.row.layout-form div.article-meta {
    margin-bottom: 20px
}
.layout-form {
    margin: 0!important;
    padding: 0!important
}
div.row.layout-form div.article-meta>ul {
    list-style: none;
    padding: 0;
    margin: 0
}
div.row.layout-form .rollup-image img {
    display: block;
    height: auto;
    width: 100%
}
div.row.layout-form .rollup-image .ms-rtestate-field {
    -height: 300px;
    height: 300px;
    overflow: hidden
}
div.row.layout-form div.article-meta>ul>li .icon {
    margin-right: 5px
}
div.row.layout-form div.article-meta>ul>li {
    float: left;
    margin-right: 30px;
    color: #999;
    font-size: 12px
}
.layout-form .content-area {
    background: #fff!important;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.layout-form .ms-rtestate-write {
    min-width: 500px;
    background: #fff;
    border: 1px solid #ddd
}
@media (min-width: 1200px) {
    .content-wrapper {
        max-width: 1170px;
        margin: auto
    }
}
@media print {
    .bpc-form,
    body,
    html {
        width: 180mm;
        margin: 0 10mm 0 5mm
    }
    .ms-imnSpan {
        display: none
    }
    a[href]:after {
        content: none!important
    }
    body,
    body * {
        font-size: 12pt
    }
    .bpc-form,
    .job-layout {
        max-width: 180mm;
        width: expression(this.width > 180mm ? 180mm: true);
        position: absolute;
        top: -100px
    }
    #footer,
    #s4-bodyContainer #header,
    #suiteBar,
    .CBS-status-wrapper,
    .bpc-toolbar,
    .header,
    .masthead,
    .sub-footer-wrapper,
    aside,
    footer {
        display: none!important
    }
    #mainbody>span:first-child,
    .no-print,
    input[type=submit] {
        display: none
    }
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    div,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    p,
    span {
        font-family: "Times New Roman", Times, serif!important
    }
    .bpc-form .date {
        height: 20px;
        width: 200px;
        margin-bottom: 6px;
        outline: 0;
        padding: 8px 0 3px;
        font-size: 12px;
        line-height: 15px
    }
}
.clearfix:after {
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}
* html .clearfix {
    zoom: 1
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0
}
.page-heading,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, sans-serif
}
.job-details-row .job-detail i.edit,
.job-layout .input-heading.edit,
.job-layout label.edit,
.business-unit i.edit {
    display: none!important
}
.share-buttons-wrapper {
    position: relative;
    top: -28px
}
.page-content.edit .ms-formfieldvaluecontainer {
    border: 1px solid #ddd;
    padding: 14px
}
.job-column {
    background: #fff
}
input.read-only,
input[read-only] {
    border: 0!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    color: green!important;
    background-color: inherit;
    font-size: 1em!important;
    padding-bottom: 20px!important
}
.job-heading [class*=" icon-"],
.job-heading [class^=icon-] {
    margin-left: 20px
}
.job-heading .h2 {
    margin-top: 0;
    display: inline;
    color: #fff;
    background: #6A3F94;
    padding: .3em .4em;
    font-size: 25px
}
.tender-toolbar {
    margin-top: 40px;
    margin-right: 2px;
    border-bottom: 1px solid;
    position: relative
}
.tender-toolbar .share-buttons-wrapper {
    position: absolute;
    top: -20px;
    right: 0
}
.tender-heading .h2 {
    margin-top: 20px;
    display: block;
    color: #fff;
    background: #333;
    padding: .5em;
    font-size: 16px;
    line-height: 1.5em
}
.tender-heading input[type=text] {
    width: 100%;
    height: 50px
}
.tender-description .input-heading {
    margin-bottom: 0!important
}
.job-heading a.external {
    padding: 8px 0
}
.job-heading a.external span {
    margin-left: 4px
}
.ms-webpart-titleText {
    text-decoration: underline
}
.job-layout .submit-wrapper {
    text-align: center;
    margin: 20px 0;
    padding-bottom: 15px;
    padding-top: 20px
}
.job-layout .submit-wrapper.tender {
    padding-bottom: 0;
    display:none;
}
.job-layout .submit-wrapper a {
    background: #2980b9;
    border: none;
    padding: 10px 25px;
    color: #FFF;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 0;
    cursor: pointer
}
.job-details-row,
.job-details-row .job-detail {
    margin-top: 15px;
    margin-bottom: 15px
}
.tenders-details-row {
    margin: 0
}
.job-details-row .job-detail i {
    float: left;
    font-size: 15px;
    line-height: 20px;
    margin-right: 10px;
    color: #333
}
.job-layout p {
    color: #572179
}
.job-details-row>.job-detail>span {
    float: left
}
.job-details-row>.job-detail>span>label,
.job-details-row>.job-detail>span>span {
    display: block
}
.inline,
.job-item .job-overview p {
    display: inline
}
.richhtmltextinput .input-heading {
    font-weight: 700;
    color: #572179;
    margin-top: 15px;
    margin-bottom: 15px;
    text-decoration: underline
}
.richhtmltextinput.edit .ms-rtestate-write {
    min-height: 100px;
    background: #fff;
    border: 1px solid #DADADA;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0;
    padding: 3px 3px 3px 5px;
    line-height: 15px;
    box-shadow: inset 0 1px 4px #ECECEC;
    -moz-box-shadow: inset 0 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0 1px 4px #ECECEC
}
.item-size {
    font-size: 10px;
    font-weight: 700;
    margin-top: 4px
}
.content-layout .bottom-zone {
    margin-top: 20px
}
.content-layout .bottom-zone ul {
    padding: 0;
    margin: 0
}
.job-heading {
    padding: .5em 0;
    margin-bottom: 20px;
    margin-top: 20px
}
.job-item .link-wrapper a.job-link {
    color: #000;
    font-size: 1.1em;
    font-weight: 700
}
 
.job-item .link-wrapper a.job-link:hover {
    color: #572179
}
.job-item .job-location {
    margin-bottom: 10px;
    color: #6f7073
}
.job-item .job-overview {
    margin: 10px 0;
    color: #000;
    height: 80px;
    overflow: hidden;
    margin-bottom: 6px;
    line-height: 20px;
    }
.empty-text {
    color: red
}
.job-item .job-closing-date {
    font-weight: 700
}
.job-item .readmore {
    color: #572179;
    font-weight: 700
}
.job-item {
    background-color: #fff;
    padding: 15px
}
.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1
}
.rside {
    position: relative
}
.rollup-image-wrapper>img {
    height: 120px
}
.dfwp-column.responsive {
    margin: 0;
    padding: 0
}
.dfwp-column>.dfwp-item {
    margin-bottom: 14px
}
.responsive .groupheader {
    margin-bottom: 0;
    font-size: 14px
}
.display-layout .ms-rte-wpbox {
    margin-top: -16px
}
.header,
.ms-dlg-heading {
    margin: 0
}
.display-layout .ms-vb2 {
    padding: 8px 8px 8px 4px
}
.display-layout .ms-vh a,
.display-layout .ms-vh2,
.display-layout .ms-vh2 a,
.display-layout .ms-vh2-nofilter,
.display-layout .ms-vh2-nofilter-notextalign,
.display-layout .ms-vh2-nofilter-perm {
    color: #333;
    font-size: 14px;
    padding-left: 2px
}
.display-layout .ms-vb-itmcbx,
.display-layout .ms-vh-icon {
    display: none
}
div#ms-dnd-dropbox {
    top: 0!important;
    left: 15px!important
}
.header {
    padding-top: 30px;
    height: 60px;
    padding-bottom: 50px
}
.header #breadcrumb a,
.header #breadcrumb span {
    font-weight: 700;
    font-size: 12px
}
.page-content {
    text-align: justify
}
#error,
#pricing-table .plan,
.btn-social,
.center,
.icon-lg,
.icon-md,
.modal .icon-remove,
.news-item .overlay,
ul.faq li span.number {
    text-align: center
}
.left-navbar ul {
    display: block;
    box-shadow: none
}
.left-navbar .bs-sidebar,
.left-navbar-col div,
.left-navbar-col ul {
    width: 100%
}
.left-navbar-col {
    z-index: 1!important
}
.navbar {
   z-index: 2
}
.left-navbar ul.ms-core-listMenu-root {
    border: 1px solid #E9E9E9
}
.left-navbar ul>li {
    background: #F5F5F5;
    color: #6E6E6E
}
.ms-dlgOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    display: none;
    background: url(/SiteAssets/modal_overlay.png)
}
.ms-dlgContent,
iframe {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
    z-index: 1590!important
}
.ms-dlgTitle {
    padding: 13px 19px 15px;
    cursor: move;
    color: #fff;
    background-color: #2F3238
}
.accordion-toggle,
.modal .icon-remove,
footer .widget .picture_gallery a,
footer .widget a {
    cursor: pointer
}
.ms-dlgFrameContainer>div {
    padding-top: 12px
}
.ms-dlgTitle h1 {
    color: #fff
}
.left-navbar ul li a,.left-navbar ul li> .menu-item,.left-navbar ul li> .ms-core-listMenu-item {
    border-bottom: 1px #E8E8E8 solid
}
.left-navbar ul>li:last-child {
    border-bottom: 0
}
.left-navbar ul>li a,.left-navbar ul>li .menu-item {
    padding: 10px!important;
    background: #F5F5F5;
    box-sizing: border-box;
    position: relative
}
.left-navbar ul>li>a .menu-item-text,.left-navbar ul>li .menu-item-text,
.left-navbar ul>li>a:link,
.left-navbar ul>li>a:visited {
    color: #616161;
    font-weight: 500
}
.icon-sm,
.left-navbar ul>li>a:hover,
.left-navbar ul>li>a:hover .menu-item-text,
.ms-core-listMenu-selected .menu-item-text,
.ms-core-listMenu-selected:link .menu-item-text,
.ms-core-listMenu-selected:visited .menu-item-text,
li>a.ms-core-listMenu-item.ms-core-listMenu-selected:hover .menu-item-text {
    color: #fff
}
.left-navbar .ms-core-listMenu-selected,
.left-navbar .ms-core-listMenu-selected:link,
.left-navbar .ms-core-listMenu-selected:visited,
.left-navbar li>a.ms-core-listMenu-item.ms-core-listMenu-selected:hover {
    background: #8A65AE;
    color: #fff
}
.left-navbar .menu-item:hover{
	   background: #8A65AE !important;
    color:#fff !important;

}
.left-navbar .menu-item:hover .menu-item-text{
	   color:#fff !important;
}
.left-navbar ul>li>a:hover{
    background: #8A65AE;
    color:#fff;
}
.h3,
h3 {
    font-size: 22px
}
.lead {
    margin-bottom: 40px!important
}
.page-heading.hidden {
    display: none!important
}
.page-heading {
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 10px;
    color: #333;
    border-bottom: 3px solid #333;
    display: block!important
}
section#featured{
	padding: 14px 0 0 !important;
	
}
#featured .media a {
    color: #fff;
}
#featured .media > .pull-left,#featured .col-md-4{
	height: 90px;
}
#featured .media-heading{
	font-size:18px;
}

#featured a:link,#featured a:visited{
	color: #fff;
}
#featured a:hover{
	color:#572179
}

a,
body {
    color: #572179
}
.main-col a,
.ms-dlgFrameContainer a {
    font-weight: 500
}
#featured .media .media-body>p {
    margin: 0
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box
}
.input-block-level,
.portfolio-items>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
body {
    margin-top: 80px;
    background: #f5f5f5;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.428571429
}
.ms-dialog>.ms-backgroundImage,
.ms-dialogBody.ms-backgroundImage {
    padding: 0;
    margin: 0
}
.btn,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}
hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff
}
.btn-transparent {
    border: 3px solid #fff;
    background: 0 0;
    color: #fff
}
.btn-transparent:hover {
    border-color: rgba(255, 255, 255, .5)
}
a:focus,
a:hover {
    color: #d9534f;
    text-decoration: none;
    outline: 0
}
.dropdown-menu {
    margin-top: -1px;
    min-width: 180px
}
body>section {
    padding: 50px 0
}
.alizarin,
.alizarin h1,
.alizarin h2,
.alizarin h3,
.alizarin h4,
.alizarin h5,
.alizarin h6,
.amethyst,
.amethyst h1,
.amethyst h2,
.amethyst h3,
.amethyst h4,
.amethyst h5,
.amethyst h6,
.asbestos,
.asbestos h1,
.asbestos h2,
.asbestos h3,
.asbestos h4,
.asbestos h5,
.asbestos h6,
.belize-hole,
.belize-hole h1,
.belize-hole h2,
.belize-hole h3,
.belize-hole h4,
.belize-hole h5,
.belize-hole h6,
.carrot,
.carrot h1,
.carrot h2,
.carrot h3,
.carrot h4,
.carrot h5,
.carrot h6,
.clouds .silver,
.clouds .silver h1,
.clouds .silver h2,
.clouds .silver h3,
.clouds .silver h4,
.clouds .silver h5,
.clouds .silver h6,
.concrete,
.concrete h1,
.concrete h2,
.concrete h3,
.concrete h4,
.concrete h5,
.concrete h6,
.emerald,
.emerald h1,
.emerald h2,
.emerald h3,
.emerald h4,
.emerald h5,
.emerald h6,
.green-sea,
.green-sea h1,
.green-sea h2,
.green-sea h3,
.green-sea h4,
.green-sea h5,
.green-sea h6,
.midnight-blue,
.midnight-blue h1,
.midnight-blue h2,
.midnight-blue h3,
.midnight-blue h4,
.midnight-blue h5,
.midnight-blue h6,
.nephrits,
.nephrits h1,
.nephrits h2,
.nephrits h3,
.nephrits h4,
.nephrits h5,
.nephrits h6,
.orange,
.orange h1,
.orange h2,
.orange h3,
.orange h4,
.orange h5,
.orange h6,
.peter-river,
.peter-river h1,
.peter-river h2,
.peter-river h3,
.peter-river h4,
.peter-river h5,
.peter-river h6,
.pomegranate,
.pomegranate h1,
.pomegranate h2,
.pomegranate h3,
.pomegranate h4,
.pomegranate h5,
.pomegranate h6,
.pumkin,
.pumkin h1,
.pumkin h2,
.pumkin h3,
.pumkin h4,
.pumkin h5,
.pumkin h6,
.sun-flower,
.sun-flower h1,
.sun-flower h2,
.sun-flower h3,
.sun-flower h4,
.sun-flower h5,
.sun-flower h6,
.turquoise,
.turquoise h1,
.turquoise h2,
.turquoise h3,
.turquoise h4,
.turquoise h5,
.turquoise h6,
.wet-asphalt,
.wet-asphalt h1,
.wet-asphalt h2,
.wet-asphalt h3,
.wet-asphalt h4,
.wet-asphalt h5,
.wet-asphalt h6,
.wisteria,
.wisteria h1,
.wisteria h2,
.wisteria h3,
.wisteria h4,
.wisteria h5,
.wisteria h6 {
    color: #fff
}
.alizarin small,
.amethyst small,
.asbestos small,
.belize-hole small,
.carrot small,
.clouds .silver small,
.concrete small,
.emerald small,
.green-sea small,
.midnight-blue small,
.nephrits small,
.orange small,
.peter-river small,
.pomegranate small,
.pumkin small,
.sun-flower small,
.turquoise small,
.wet-asphalt small,
.wisteria small {
    color: rgba(255, 255, 255, .8)
}
.turquoise {
    background-color: #1abc9c
}
.green-sea {
    background-color: #16a085
}
.sun-flower {
    background-color: #f1c40f
}
.orange {
    background-color: #f39c12
}
.emerald {
    background-color: #2ecc71
}
.nephritis {
    background-color: #27ae60
}
.carrot {
    background-color: #e67e22
}
.pumkin {
    background-color: #d35400
}
.peter-river {
    background-color: #3498db
}
.belize-hole {
    background-color: #2980b9
}
.alizarin {
    background-color: #e74c3c
}
.pomegranate {
    background-color: #c0392b
}
.amethyst {
    background-color: #9b59b6
}
.wisteria {
    background-color: #8e44ad
}
.clouds {
    background-color: #ecf0f1
}
.silver {
    background-color: #bdc3c7
}
.wet-asphalt {
    background-color: #572179
}
.wet-asphalt a:not(.btn) {
    color: #bdc3c7
}
.wet-asphalt a:not(.btn):hover {
    color: #d9534f
}
.midnight-blue {
    background-color: #000
}
.concrete {
    background-color: #95a5a6
}
.asbestos {
    background-color: #7f8c8d
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}
.embed-container embed,
.embed-container iframe,
.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#main-slider {
    position: relative
}
#main-slider .carousel h2 {
    font-size: 36px
}
#main-slider .carousel .btn {
    border: 3px solid rgba(255, 255, 255, .5);
    color: #fff;
    border-radius: 0;
    margin-top: 5px
}
.all-news-btn,
.all-news-btn:visited {
    color: #fff
}
#main-slider .carousel .btn:hover {
    background-color: rgba(255, 255, 255, .3)
}
.ms-core-form-bottomButtonBox {
    margin-top: 20px;
    margin-bottom: 10px
}
#main-slider .carousel .boxed {
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, .8);
    display: inline-block
}
#main-slider .carousel .item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0!important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block!important;
    height: 600px;
    transition: opacity ease-in-out .5s
}
#main-slider .carousel .item,
#main-slider .carousel .item.active {
    -webkit-transition: opacity ease-in-out .5s;
    -moz-transition: opacity ease-in-out .5s;
    -o-transition: opacity ease-in-out .5s
}
#main-slider .carousel .item:first-child {
    top: auto;
    position: relative
}
#main-slider .carousel .item.active {
    opacity: 1;
    transition: opacity ease-in-out .5s;
    z-index: 1
}
#main-slider .next,
#main-slider .prev {
    position: absolute;
    top: 50%;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    display: inline-block;
    margin-top: -25px;
    font-size: 24px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    z-index: 5
}
#main-slider .next:hover,
#main-slider .prev:hover {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px
}
#main-slider .prev {
    left: 10px
}
#main-slider .next {
    right: 10px
}
#main-slider .active .animation.animated-item-1 {
    -webkit-animation: fadeInUp .3s linear .3s both;
    -moz-animation: fadeInUp .3s linear .3s both;
    -o-animation: fadeInUp .3s linear .3s both;
    -ms-animation: fadeInUp .3s linear .3s both;
    animation: fadeInUp .3s linear .3s both
}
#main-slider .active .animation.animated-item-2 {
    -webkit-animation: fadeInUp .3s linear .6s both;
    -moz-animation: fadeInUp .3s linear .6s both;
    -o-animation: fadeInUp .3s linear .6s both;
    -ms-animation: fadeInUp .3s linear .6s both;
    animation: fadeInUp .3s linear .6s both
}
#main-slider .active .animation.animated-item-3 {
    -webkit-animation: fadeInUp .3s linear .9s both;
    -moz-animation: fadeInUp .3s linear .9s both;
    -o-animation: fadeInUp .3s linear .9s both;
    -ms-animation: fadeInUp .3s linear .9s both;
    animation: fadeInUp .3s linear .9s both
}
#main-slider .active .animation.animated-item-4 {
    -webkit-animation: fadeInUp .3s linear 1.2s both;
    -moz-animation: fadeInUp .3s linear 1.2s both;
    -o-animation: fadeInUp .3s linear 1.2s both;
    -ms-animation: fadeInUp .3s linear 1.2s both;
    animation: fadeInUp .3s linear 1.2s both
}
#featured .media:hover .icon-md {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .8)
}
#services .lead,
#services h2 {
    color: #fff
}
.lead {
    font-size: 16px;
    font-weight: 200;
    line-height: 1.4
}
#latest-news .item-inner {
    position: relative;
    margin: 0
}
.portfolio-filter,
.portfolio-items {
    list-style: none;
    padding: 0;
    margin: 0 -20px 20px 0
}
.portfolio-filter>li {
    display: inline-block
}
.portfolio-items>li {
    float: left;
    padding: 0;
    box-sizing: border-box
}
.portfolio-items.col-2>li {
    width: 50%
}
.portfolio-items.col-3>li {
    width: 33%
}
.portfolio-items.col-4>li {
    width: 25%
}
.portfolio-items.col-5>li {
    width: 20%
}
.portfolio-items.col-6>li {
    width: 16%
}
.news-item {
    padding: 0;
    margin: 0
}
.news-item .item-inner {
    background: #fff;
    border: 1px solid #eee;
    padding: 10px 10px 0;
    margin: 0 20px 20px 0;
    position: relative
}
.news-item img {
    width: 100%
}
.news-item h5 {
    background: #fff;
    margin: 0;
    padding: 10px 0;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    text-overflow: ellipsis
}
.news-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255, 255, 255, .9);
    vertical-align: middle;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}
.news-item .overlay .preview {
    position: relative;
    top: 50%;
    display: inline-block;
    margin-top: -20px
}
.news-item:hover .overlay {
    opacity: 1
}
.isotope-item {
    z-index: 2
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .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
}
.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}
#pricing-table .plan {
    border-radius: 4px;
    list-style: none;
    margin: 0 0 20px;
    background: #3498db;
    padding: 30px 0
}
#pricing-table .plan li {
    padding: 5px 0;
    color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
#pricing-table .plan li.plan-name {
    font-size: 24px;
    line-height: 24px;
    color: #fff
}
#pricing-table .plan li.plan-name h3 {
    margin: 0
}
#pricing-table .plan li.plan-price {
    margin-bottom: 10px
}
#pricing-table .plan li.plan-price>div {
    display: inline-block;
    background-color: rgba(0, 0, 0, .2);
    padding: 10px;
    font-size: 24px;
    border-radius: 100%;
    width: 70px;
    height: 70px
}
.img-thumbnail,
.well {
    border: 0
}
#pricing-table .plan li.plan-price>div sup {
    font-size: 10px;
    line-height: 10px
}
#pricing-table .plan li.plan-price>div>small {
    display: block;
    font-size: 11px
}
#pricing-table .plan li.plan-action {
    margin-top: 10px;
    border-top: 0
}
#pricing-table .plan.featured {
    background-color: #000
}
#title h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 300
}
#meet-the-team .designation {
    margin-top: 5px;
    display: block;
    font-size: 13px
}
.progress,
.progress .bar {
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 30px;
    line-height: 30px
}
.well {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
ul.breadcrumb {
    margin: 20px 0 0;
    background: 0 0
}
ul.breadcrumb>li .divider,
ul.breadcrumb>li>a {
    color: #fff
}
ul.breadcrumb>li.active {
    color: rgba(255, 255, 255, .7)
}
ul.tag-cloud {
    list-style: none;
    padding: 0;
    margin: 0
}
ul.tag-cloud li {
    display: inline-block;
    margin: 0 0 2px
}
.btn-social {
    border: 0;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    padding: 0
}
.btn-social.btn-facebook {
    background: #4f7dd4
}
.btn-social.btn-facebook:hover {
    background: #789bde
}
.btn-social.btn-twitter {
    background: #5bceff
}
.btn-social.btn-twitter:hover {
    background: #8eddff
}
.btn-social.btn-linkedin {
    background: #21a6d8
}
.btn-social.btn-linkedin:hover {
    background: #49b9e3
}
.btn-social.btn-google-plus {
    background: #dc422b
}
.btn-social.btn-google-plus:hover {
    background: #e36957
}
.btn-social:hover {
    color: #fff
}
.navbar-inverse {
    border: none
}
.navbar-inverse .navbar-brand {
    font-family: 'Bubbler One', sans-serif;
    font-size: 36px;
    line-height: 50px;
    color: #fff
}
.navbar-inverse .navbar-nav {
    margin-top: 20px
}
.navbar-inverse .navbar-nav>li>a {
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 4px;
    color: #bdc3c7
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #000
}
.navbar-inverse .navbar-nav .dropdown-menu {
    background-color: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0;
    margin-top: -3px
}
.navbar-inverse .navbar-nav .dropdown-menu>li>a {
    padding: 8px 15px;
    color: #bdc3c7
}
.navbar-inverse .navbar-nav .dropdown-menu>li.active>a,
.navbar-inverse .navbar-nav .dropdown-menu>li:focus>a,
.navbar-inverse .navbar-nav .dropdown-menu>li:hover>a {
    background-color: rgba(0, 0, 0, .3)
}
.navbar-inverse .navbar-nav .dropdown-menu>li:last-child>a {
    border-radius: 0 0 3px 3px
}
.navbar-inverse .navbar-nav .dropdown-menu>li.divider {
    background-color: rgba(0, 0, 0, .1)
}
.icon-lg,
.icon-md {
    color: #fff;
    background-color: rgba(0, 0, 0, .4)
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-top: 0
}
.icon-lg {
    font-size: 48px;
    height: 108px;
    width: 108px;
    line-height: 108px;
    margin: 10px;
    display: inline-block!important;
    border-radius: 100%
}
.icon-md,
.modal .icon-remove {
    display: block
}
.icon-md {
    font-size: 36px;
    height: 68px;
    width: 68px;
    line-height: 68px;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}
.modal {
    border: 0
}
.modal#loginForm {
    width: 600px;
    margin-left: -300px
}
.modal .modal-header {
    border: 0;
    padding: 20px 20px 0
}
.modal .modal-header>h4 {
    font-weight: 300;
    font-size: 14px;
    color: #848484;
    text-transform: uppercase;
    margin: 0
}
.modal .modal-body {
    padding: 20px
}
.modal input[type=password],
.modal input[type=text] {
    padding: 5px 10px;
    min-height: 30px;
    width: 130px;
    margin-right: 10px
}
.modal .icon-remove {
    color: #848484;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: #ebebeb;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}
#bottom .widgetheading,
.heading,
aside .accordion-content,
aside .widgetheading,
footer {
    position: relative
}
footer .widget [class*=icon-]+span {
    padding-left: 10px
}
.modal button {
    margin-left: 10px;
    border: 0
}
.gap {
    margin-bottom: 50px
}
.big-gap {
    margin-bottom: 100px
}
.no-margin {
    margin: 0;
    padding: 0
}
.registration-form {
    border: 0;
    background-color: #fff;
    padding: 20px;
    display: inline-block
}
#bottom {
    color: #bdc3c7
}
#bottom h4 {
    margin-top: 0;
    margin-bottom: 15px
}
#bottom .media-heading {
    display: block;
    font-weight: 400
}
ul.arrow,
ul.arrow-double,
ul.cross,
ul.rss,
ul.star,
ul.tick,
ul.unstyled {
    list-style: none;
    padding: 0;
    margin: 0
}
ul.arrow li::after,
ul.arrow li::before,
ul.arrow-double li::after,
ul.arrow-double li::before,
ul.cross li::after,
ul.cross li::before,
ul.rss li::after,
ul.rss li::before,
ul.star li::after,
ul.star li::before,
ul.tick li::after,
ul.tick li::before {
    font-family: FontAwesome;
    font-size: 11px
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.cross li::before,
ul.rss li::before,
ul.star li::before,
ul.tick li::before {
    margin-right: 5px
}
ul.arrow li::before {
    content: "\f105"
}
ul.arrow-double li::before {
    content: "\f101"
}
ul.tick li::before {
    content: "\f00c"
}
ul.cross li::before {
    content: "\f00d"
}
ul.star li::before {
    content: "\f006"
}
ul.rss li::before {
    content: "\f09e"
}
ul.social-network {
    padding: 0;
    display: inline-block
}
ul.social-network>li {
    display: inline-block;
    margin: 0 10px
}
ul.social-network>li>a {
    color: #808080;
    font-size: 22px
}
footer .widget a,
footer .widget a:visited {
    color: #fff
}
ul.social-network>li>a:hover {
    color: #000;
}

footer .widget a:hover {
    text-decoration: underline
}
footer .widget ul {
    padding: 0;
    margin: 0
}
.blog .blog-item,
.blog .blog-item .entry-meta {
    margin-bottom: 20px
}
.box-border {
    padding: 15px
}
.accordion-group {
    background-color: #fff;
    border-top: 1px solid #f0f0f0
}
.accordion-heading .accordion-toggle {
    color: #666;
    font-weight: 700
}
.accordion-inner {
    border-top: 0
}
.blog .blog-item {
    background-color: #fff;
    border-radius: 5px
}
.blog .blog-item .img-blog {
    width: 100%;
    border-radius: 5px 5px 0 0
}
.blog .blog-item .blog-content {
    padding: 20px
}
.blog .blog-item h3 {
    margin-top: 0
}
.blog .blog-item .entry-meta>span {
    display: inline-block;
    color: #999;
    margin-right: 10px;
    font-size: 12px
}
.blog .blog-item .entry-meta>span a {
    color: #999
}
ul.pagination>li>a {
    border: 0
}
ul.pagination>li.active>a,
ul.pagination>li:hover>a {
    background-color: #572179;
    color: #fff
}
textarea#message {
    padding: 10px 15px;
    height: 219px
}
.widget {
    margin-bottom: 30px
}
ul.gallery {
    list-style: none;
    padding: 0;
    margin: 0
}
ul.gallery li {
    display: block;
    width: 60px;
    padding: 0;
    margin: 0 4px 4px 0;
    float: left
}
ul.faq {
    list-style: none;
    margin: 0
}
ul.faq li {
    margin-top: 30px
}
ul.faq li:first-child,
ul.faq li>div h3 {
    margin-top: 0
}
ul.faq li span.number {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #572179;
    color: #fff;
    font-size: 24px
}
ul.faq li>div {
    margin-left: 70px
}
#error {
    margin-top: 150px;
    margin-bottom: 150px
}
.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected.selected,
.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.selected,
a.ms-tv-header.selected,
a.ms-tv-item:hover {
    background: #572179;
    border-radius: 4px;
    position: relative;
    display: block;
    font-weight: bold
}
 
footer {
    background: #572179
}
.ms-core-navigation,
.s4-tn {
    list-style: none;
    padding-left: 0
}
.ms-siteicon-a {
    display: inline-block;
    max-width: 180px;
    max-height: 64px;
    margin: 12px 0 4px
}
footer {
    z-index: 1;
    top: -1px;
    padding: 60px 0 0;
    color: #f8f8f8;
    margin-top: 80px
    /*margin-top: 10px*/
}
.wrapper {
    min-height: 100%;
    height: auto!important;
    height: 100%;
    margin: 0 auto -310px;
    overflow: visible!important
}
#s4-bodyContainer {
    padding: 0
}
.footer {
    clear: both;
    /*min-height: 310px*/
}
.push {
    height: 0
}
body #s4-workspace {
    margin-bottom: -400px
}
footer a,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #fff
}
footer a:hover {
    color: #eee
}
#social,
#social span {
    color: #f5f5f5
}
footer address {
    line-height: 1.6em
}
footer a:hover,
footer h5 a:hover {
    text-decoration: none
}
ul.social-network {
    list-style: none;
    margin: 0
}
ul.social-network li {
    display: inline;
    margin: 0 10px
}
#searchInputBox,
.accordion-content {
    display: none
}
#social {
     
}
#social .social-network{
	position:relative;
	}
#social .social-network
#social p {
    margin: 0;
    padding: 0
}
.copyright {
    text-align: left;
    font-size: 12px
}
 
ul.link-list li {
    margin: 0;
    padding: 2px 0;
    list-style: none
}
footer ul.link-list li a {
    color: #bdc3c7
}
footer ul.link-list li a:hover {
    color: #eee
}
h4.heading {
    font-weight: 700
}
.heading {
    margin-bottom: 30px
}
.widgetheading {
    width: 100%;
    padding: 0
}
footer .widgetheading,
footer .widgetheading a {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px
}
#bottom .widgetheading {
    border-bottom: #e6e6e6 1px solid;
    padding-bottom: 9px
}
aside .widgetheading {
    border-bottom: #e9e9e9 1px solid;
    padding-bottom: 9px
}
.accordion-content.default {
    display: block
}
aside .accordion-content .read-more {
    position: absolute;
    left: 0;
    margin-left: 12px;
    color: #572179;
    font-weight: 700;
    font-size: 13px;
    bottom: 4px
}
.large-accordion {
    padding: 0!important
}
.large-accordion:after {
    content: "";
    display: block;
    height: .5em;
    width: 100%;
    background-color: #2475AB
}
.large-accordion-item {
    background-color: #4995C7;
    text-align: left;
    font-weight: 700;
    padding: 1em;
    display: block;
    text-decoration: none;
    color: #fff;
    -webkit-transition: background-color .5s ease-in-out;
    transition: background-color .5s ease-in-out;
    border-bottom: 1px solid #2972A2
}
.large-accordion-item.open {
    background-color: #2475AB
}
.large-accordion-item.open:before {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg)
}
.large-accordion-content {
    background-color: #eee;
    padding: 1em 1em .6em;
    webkit-animation: accordionIn .65s normal ease-in-out both 1;
    animation: accordionIn .65s normal ease-in-out both 1;
    color: #333
}
.large-accordion-item:before {
    content: "+";
    font-size: 1.5em;
    line-height: .8em;
    float: left;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    margin-right: 12px
}
.large-accordion-item:hover {
    background-color: #096EB0
}
.large-accordion-item>a {
    color: #fff
}
aside .accordion-content,
aside .accordion-content p {
    color: #333
}
footer .widgetheading {
    position: relative
}
.ms-dlgContent .profile-item {
    color: #572179;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px
}
.profileTable{
	width: 100%;
}

.profileTable .profile{
	padding: 15px 0px;
}

.hidden {
    display: none
}
table.ms-listviewtable>tbody>tr>td.ms-stylebox {
    border: 0
}
aside .service-guide .accordion-content {
    padding: 0 12px 20px;
    border: 1px solid #E8E8E8;
    border-top: 0;
    margin-top: 6px;
    font-size: 12px
}
aside .metro .widgetheading {
    padding: 14px 14px 8px;
    margin: 0;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    background-color: #8A65AE
}
aside .metro .widget-item,
aside .metro h4 {
    font-size: 12px;
    text-transform: capitalize;
    background-color: inherit;
    color: #333;
    font-weight: 700;
    display: block;
    cursor: pointer;
    border: 1px solid #E8E8E8;
    margin: 0;
    padding: 10px 14px;
    border-top: 0;
    position: relative
}
aside .metro .widget-item:hover,
aside .metro h4:hover {
    color: #fff;
    background: #333
}
.sub-footer,
.sub-footer a {
    color: #bdc3c7
}
aside .metro .widget-item .link-icon {
    margin-left: 0;
    font-size: 14px
}
aside .metro .widget-item .link-title {
    position: absolute;
    left: 38px
}
aside .metro ul {
    padding: 0;
    margin: 0
}
.widget .picture_gallery img,
footer .widget .picture_gallery img {
    margin: 0 9px 20px 0
}
/*
footer .widget .social-network {
    position: relative
}/*/
#bottom .widget .widgetheading span,
aside .widget .widgetheading span,
footer .widget .widgetheading span {
    position: absolute;
    width: 60px;
    height: 1px;
    bottom: -1px;
    right: 0
}
.widget .picture_gallery,
footer .widget .picture_gallery {
    width: 100%
}
.picture_gallery img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 9px 20px 0
}
.featherlight:last-of-type {
    background: rgba(0, 0, 0, .7)
}
.sub-footer ul {
    list-style: none;
    padding: 0;
    margin: 0
}
#centerarea {
    padding: 0
}
.sub-footer {
    background: #000;
    padding-top: 28px;
    padding-bottom: 20px
}
.sub-footer ul>li {
    display: inline-block;
    margin-left: 15px
}
.sub-footer-wrapper {
    padding: 0;
    margin-top: -1px;
    background-color: #000
}
 
.sub-footer a:hover {
    color: #fff;
    font-weight: bold;
}
.left-navbar li.dynamic-children>ul {
    background: #000!important;
    border: 0;
    border-top: 1px solid #E8E8E8
}
.left-navbar ul.dynamic>li {
    border-right: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8
}
aside .widget.metro {
    margin-top: 0
}
.content-wrapper {
    margin: auto
}
.ms-siteicon-img {
    position: relative;
    top: -15px
}
.global-nav .ms-core-navigation ul.dynamic {
    padding: 0;
    margin: 4px 0 0 -11px;
    min-width: 200px;
    border: 0;
    color: #fff;

}
.global-nav ul.dynamic{

}
.global-nav .ms-core-navigation ul.dynamic ul.dynamic {
    margin: 0;
    background: #371A52;
    color: #fff
}
.global-nav .ms-core-navigation>ul.dynamic>li>a {
    padding: 12px 10px!important;
    background: #371A52;
    box-sizing: border-box;
    color: #fff!important;

}

.global-nav .ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:hover .ms-core-listMenu-item span {
    color: #fff!important
}
.global-nav .ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:hover .ms-core-listMenu-item {
    color: #fff!important;
    background: #26113A;
    z-index:999999999;
}
.global-nav .ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:hover ul.dynamic .ms-core-listMenu-item {
    background: #371A52;
    color: #fff!important
}
.global-nav .ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:hover ul.dynamic .ms-core-listMenu-item:hover {
    color: #fff!important;
    background: #26113A
}

.ms-core-listMenu-horizontalBox li.static>.ms-core-listMenu-item,
.ms-navedit-editLinksText {
    padding: 8px 20px;
    border-radius: 4px;
    color: #E4E4E4
}
.ms-core-listMenu-horizontalBox li.static>.ms-core-listMenu-item:hover,
.ms-navedit-editLinksText:hover {
    color: #fff
}
.user-properties {
    background-color: #572179;
    text-align: center;
    min-height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    color: #bdc3c7;
    outline: 0;
    border: 0
}
#welcomeMenuBox {
    border-radius: 50%
}
#welcomeMenuBox .ms-signInLink {
    margin-top: 2px;
    color: #bdc3c7
}
#welcomeMenuBox .ms-signInLink:hover {
    color: #fff
}
#welcomeMenuBox .dropdown-menu {
    border-radius: 0;
    left: -10px;
    min-width: 160px
}
#welcomeMenuBox .user-icons {
    margin-right: 12px
}
#welcomeMenuBox .dropdown-menu>li>a:hover {
    color: #333;
    background: #fff
}
#welcomeMenuBox .dropdown-menu>li>a {
    font-size: small;
    font-family: inherit;
    padding: 7px 14px
}
.user-properties:hover {
    background-color: #572179;
    color: #fff
}
.user-properties .icon-user {
    margin-right: 12px;
    font-size: 16px
}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
    padding-right: 0
}
section#services {
    padding: 40px 0 20px 0;
}
footer .widget p{
    color: #bdc3c7;
}

@media only screen and (min-width: 768px) {
    .ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected.selected,
    .ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.selected,
    a.ms-tv-header.selected,
    a.ms-tv-item:hover {
        background: #572179;
        border-radius: 4px;
        position: relative;
        display: block;
        font-weight: bold
    }
    .global-nav .ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic .ms-core-listMenu-item {
        float: none;
        padding: 10px!important;
        background: #808080;
        box-sizing: border-box;
        color: #fff
         
    }
    .global-nav .ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:hover .ms-core-listMenu-item span {
        color: #fff!important
    }
    .global-nav .ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:hover ul.dynamic .ms-core-listMenu-item:hover {
        color: #fff!important;
        background: #cc99cc
    }
    .global-nav .ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:hover ul.dynamic .ms-core-listMenu-item {
        background: #808080;
        color: #fff
    }
    .global-nav .ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:hover .ms-core-listMenu-item {
        color: #fff!important;
        background: #cc99cc
    }
 
}
@media (min-width: 768px) {
.collapse.navbar-collapse{
	margin-left:-15px;
	margin-right:-15px;
}
    .ms-core-navigation,
    .s4-tn {
        float: left!important
    }
    .left-navbar ul>li {
        max-width: 230px
    }
    section {
        padding: 70px 0
    }
 
    .left-navbar-col>.left-navbar {
        height: 700px
    }
    .left-navbar .bs-sidebar,
    .left-navbar-col div,
    .left-navbar-col ul {
        height: 100%!important
    }
    .ms-core-navigation {
        margin-top: 20px
    }
    .left-navbar ul {
        margin: 0;
        padding: 0;
        border-radius: 0
    }
    .left-navbar .ms-core-navigation {
        margin: 0;
        padding: 0;
        float: left!important
    }
}

@media only screen and (max-width: 1200px) {
    #SearchBox .ms-srch-sbLarge {
        left: 10px
    }
}
@media only screen and (max-width: 768px) {
    .left-navbar {
        display: none
    }
}
@media only screen and (max-width: 600px) {
    #SearchBox input[type=text] {
        width: 350px!important;
        font-size: 1.2em
    }
}
@media only screen and (max-width: 480px) {
    #SearchBox input[type=text] {
        width: 220px!important;
        font-size: 1.2em
    }
}
@media only screen and (max-width: 320px) {
    #SearchBox input[type=text] {
        width: 200px!important;
        font-size: 1em
    }
}
#DeltaPageStatusBar {
    margin-left: -15px;
}