/*********************
COLOURS
*********************/


body,
.bc-section-white {
    color: rgb(0,0,0);
    
}
.content a:hover{
 	text-decoration: underline;   
}
.bc-border-top {
    border-top: 1px solid rgb(233, 237, 241);
}

.bc-border-bottom {
    border-bottom: 1px solid rgb(233, 237, 241);
}
.bc-border-bottom {
    border-bottom: 1px solid rgb(233, 237, 241);
}
.bc-text-border-bottom {
    border-bottom: 3px solid rgb(233, 237, 241);
    padding-bottom: 10px
}
.bc-border-bottom-bottom-thick {
    border-bottom: 20px solid rgb(233, 237, 241);
}
.bc-border-dark-bottom {
    border-bottom: 1px solid rgb(183, 183, 183);
}
.bc-section-dark{
    background: rgb(22, 38, 66);
    
    color:#FFF
}
.bc-text-dark{
    color: rgb(22, 38, 66);
    
}
.bc-text-oj{
    color: rgb(230, 131, 28)!important;
    
}
.bc-text-grey{
    color: rgb(180, 180, 180)!important;
    
}
.bc-section-light{
    background: rgb(244, 245, 246);
}
.bc-section-oj{
    background: rgb(230, 131, 28);
    color: #FFF !important;
}
.bc-section-oj h1{
    color: #FFF !important;
}
.bc-section-vdark{
   background: url(/content/images/dark-wood.jpg) 0 0 repeat ;
     color: #FFF !important;
}
.bc-text-white,
.bc-text-White {
    color: #FFF !important;
}
.bc-section-pink{
  background: rgb(232, 19, 147);
     color: #FFF !important;
}
.bc-section-white a {
    color: rgb(13, 104, 131);
}
.bc-section-blue {
    background: rgb(19, 193, 232);
    color: #FFF !important;
}
.playfair{
    font-family: 'Playfair Display','Roboto',serif !important;
}
h2, .h2 {
    font-weight: 400;
}
.letter-space1{
    letter-spacing: -1px;
    
}
.letter-space2{
    letter-spacing: -2px;
    
}
h3, .h3 {
    font-weight: 400;
}
h4, .h4 {
    font-weight: 400;
}
.bc-weight-200{
    font-weight: 200;
    
}
h2.play, h1.play, h3.play{
    font-family: 'Playfair Display', sans-serif !important;
    
}
.lead-30{
    font-weight: 400;
    
}
.bc-section-parallax .lead-20, .bc-section-parallax .lead-22, .bc-section-parallax .lead-24, .bc-section-parallax .lead-26, .bc-section-parallax .lead-28, .bc-section-parallax .lead-30, .bc-section-parallax .lead-32, .bc-section-parallax .lead-34 {
    color: rgba(250, 250, 250, 1);
}
/*********************
preloader
*********************/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
}

#status {
    width: 250px;
    height: 220px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -115px 0 0 -110px;
    z-index: 9999;
    text-align: center
}

svg path,
svg rect {
    fill: #424242;
}


/*********************
TITLES
*********************/

h1,
h2,
h3 {
    color: rgb(38, 55, 74) !important;
}

h1,
.h1 {
    font-size: 46px;
}
h2,
.h2 {
    font-size: 42px;
}
h3,
.h3 {
    font-size: 38px;
}
h4,
.h4 {
    font-size: 32px;
}

h1,
h2,
h3,
.lead-18,
.lead-20,
.lead-24,
.lead-28,
.lead-30,
.lead-32,
.lead-34,
.lead-40 {
    font-family: 'Roboto', sans-serif;
}
.lead-35{
    font-size: 35px;
    
}
h4,
h5,
.lead-24,
.lead-26 {
    font-family: 'Roboto', sans-serif;
}
bc-lineheight-18{
    line-height: 1.8em;
    
}
.lead-24{
    font-weight: 200;
}
ul {
    margin-top: 0;
}

ul li {
    margin-bottom: 10px;
}

a,
a:visited,
a:link {
    color: rgb(22, 38, 66);
}

.bc-horizontal.divider span {
    background: #fff;
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    
    padding: 0 1em;
    position: relative;
    z-index: 99;
}

.bc-section-light .bc-horizontal.divider span {
    background: rgb(244,245,246);
}
.bc-horizontal.divider span em {
    color: rgb(145, 21, 45);
    font-style: normal;
}

.bc-horizontal.divider {
    height: auto;
    left: 0;
    line-height: 1;
    margin: 1rem 1.5rem;
    padding: 0;
    position: relative;
    top: 0;
}

.bc-horizontal.divider:after,
.bc-horizontal.divider:before {
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    content: " ";
    height: 0;
    position: absolute;
    top: 50%;
    width: 50%;
    z-index: 3;
}

.bc-horizontal.divider:before {
    left: 0;
    margin-left: -1.5rem;
}

.bc-horizontal.divider:after {
    left: auto;
    margin-right: -1.5rem;
    right: 0;
}

.bc-404 {
    color: #0797bc;
    font-size: 70px;
}

.bc-404.large {
    font-size: 160px;
}

.bc-titlebar {
    padding: 20px;
    color: #FFF;
}

.bc-titlebar a,
.bc-caption-links li {
    color: #FFF;
    list-style: none;
}

.bc-titlebar h1 {
    font-size: 55px;
}

.bc-section-base h3,
.bc-section-base h2 {
    color: #FFF !important;
}

.bc-section-base a {
    color: #fff;
}

.bc-section-base a:hover {
    color: #c48f37 !important;
}

.bc-section-dark .bc-social-icons-simple a:hover,
.bc-section-parallax .bc-social-icons-simple a:hover {
    color: #c48f37 !important;
}
.bc-section-parallax{
    color: #FFF;
    
}
/*********************
COMMON
*********************/
.logo {
    float: none !important;
    margin: 0 auto!important;
    display: table;
    
}

.bc-section-w-sm{
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px 0;
    position: relative;
    height: 100%;
}
.bc-section-w-md{
    max-width: 100%;
    margin: 0 auto;
    padding: 15px 10px 15px;
    position: relative;
    height: 100%;
}
.bc-section.center{
    text-align: center;
    
    padding: 0;
}
.banner{
    margin-top: 48px;
    margin-bottom: 10px;
}
.bc-header-row-fixed .bc-header {
    padding-bottom: 0;
}
.bc-padding-left-30{
    padding-left: 30px;
    
}
.bc-padding-right-30{
    padding-right: 30px;
    
}
/*********************
HEADER
*********************/

.bc-menu > li > a,
.bc-row-lg .bc-menu > li > a{
    color: #26374A;
    font-family: 'Roboto', sans-serif;
    
    font-size: 14px;
    padding: 0;
    text-align: center;
    font-weight: 600;
    padding: 0 40px
}

.bc-menu .bc-icon-search a {
    height: 0;
    padding: 93px 0 0 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    line-height: 93px;
    text-align: center;
}

.bc-menu .bc-icon-search a:after {
    content: "\f002";
    font-family: fontawesome;
    line-height: 114px;
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.bc-menu > li.active > a:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    border-bottom: 3px solid #FFF;
    -webkit-transition: border-color 0.1s ease-in-out 0s;
    -moz-transition: border-color 0.1s ease-in-out 0s;
    -ms-transition: border-color 0.1s ease-in-out 0s;
    -o-transition: border-color 0.1s ease-in-out 0s;
    transition: border-color 0.1s ease-in-out 0s;
}

.bc-menu > li:hover > a:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    border-bottom: 3px solid #FFF;
    -webkit-transition: border-color 0.1s ease-in-out 0s;
    -moz-transition: border-color 0.1s ease-in-out 0s;
    -ms-transition: border-color 0.1s ease-in-out 0s;
    -o-transition: border-color 0.1s ease-in-out 0s;
    transition: border-color 0.1s ease-in-out 0s;
}

.bc-row-sm .bc-menu {
    margin-left: -30px;
}

.bc-header .bc-menu{
    margin-right: -10px;
}
.bc-row-sm .bc-social-icons.bc-full-height a {
    background: #04438a;
    height: 38px !important;
    width: 40px;
}

.bc-row-sm .bc-menu > li > a {
    padding: 0 26px;
}

.bc-header .bc-row-sm .bc-row-block-txt {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}

.bc-row-md .bc-simple-menu > li > a,
.bc-row-md .bc-menu > li > a,
.bc-menu > li:hover > a,
.bc-menu > li.active {
    font-size: 14px;
    color: #000;
}

.bc-menu > li:hover > a,
.bc-menu > li.active > a {
    background: transparent;
}

.bc-menu.bc-has-hover-border > li:hover > a:before,
.bc-menu.bc-has-hover-border > li.active > a:before {
    border-color: #ce7a0c;
}

.bc-submenu {
    width: 220px;
}

.bc-submenu li {
    background: rgb(6, 63, 80);
    color: #FFF;
    border-top: 1px solid #fff !important;
}

.bc-submenu li a {
    color: #FFF;
    text-transform: initial;
}

.bc-submenu li:hover {
    background: #0580a0;
}

.bc-menu li,
.bc-simple-menu li {
    margin: 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    padding: .5em 0 0 0;
    display: block;
}

.bc-icon-search i,
.bc-icon-search em,
.bc-icon-facebook i,
.bc-icon-youtube i {
    font-size: 19px;
    line-height: 21px !important;
    padding: 0 0 0 3px;
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    text-align: center;
}

.bc-submenu .bc-list-icons-right-open li:before {
    color: #0b6b84 !important;
}

.breadcrumbs {
    padding: 10px;
}

.bc-submenu.bc-list-icons-right-open li:after {
    color: #FFF;
}

.bc-header-row-fixed .bc-row-reduced .bc-full-height > li > a {
    line-height: 40px;
}

.bc-row-lg .bc-full-height > li > a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 106px;
    color: rgb(59, 78, 97);
}

.bc-section-white.bc-shadow-bottom {
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
}


/*********************
BUTTON
*********************/
.btn{
    border-radius: 0;
    box-shadow: -1px -1px 7px #ccc;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 9px 11px 9px;
}
.btn:before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #efefef;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
    transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.btn:hover{
    box-shadow: -1px -1px 7px #444;
    border: 1px solid #ce7a0c;
    text-decoration: none !important;

}
.btn:hover:before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1);
}
.btn.bc-btn-transparent:before {
    background: #f4f5f6;
}
.btn.bc-btn-transparent:hover{
    box-shadow: -1px -1px 7px #444;
    border: 1px solid rgb(22, 38, 66);
}
.btn.bc-btn-base:before {
    background: rgb(33, 50, 80);
}
.btn.bc-btn-base:hover{
   	box-shadow: -1px -1px 7px #444;
    border: 1px solid rgb(22, 38, 66);
    background: rgb(38, 55, 74);
}

.pushy-open-right .bc-mobile-menu-toggler i {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    
}
.bc-mobile-menu-toggler i {
    background: transparent;
    color: rgb(255, 255, 255);
    font-size:27px;
    margin: 0px;
    padding: 0px;
    width: inherit;
    text-shadow: 0 0 0;
    padding-left: 0;
}
.bc-mobile-menu-toggler {
    padding: 8px 11px;
}
.bc-social-icons.bc-small a {
    padding: 4px;
    text-align: center;
}

.bc-btn-base {
    background: rgb(22, 38, 66);
    border: 1px solid rgb(22, 38, 66);
    color: #FFF !important;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    text-transform: uppercase !important;
}
.bc-section-dark .bc-btn-base,
.bc-section-dark .bc-btn-base:hover{
    border: 1px solid rgb(255, 255, 255) !important;
}


.bc-btn-orange {
    background: rgb(240, 90, 26);
    border: 1px solid rgb(240, 90, 26);
    color: #FFF !important;
    box-shadow: 0px 0px 0px #f9b3ba inset;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    text-transform: uppercase !important;
}
.bc-btn-transparent{
    background-color: #FFF;
    color: rgb(38, 55, 74)!important;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(38, 55, 74);
    border-image: initial;
}
.bc-btn-transparent-dark{
    background-color: transparent;
    color: rgb(255, 255, 255)!important;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
}

.bc-btn-grey {
    background: rgb(134, 134, 134);
    border: 1px solid rgb(134, 134, 134);
    color: #FFF !important;
    box-shadow: 0px 0px 0px #f9b3ba inset;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    text-transform: uppercase !important;
}

.bc-btn-white {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    color: rgb(145, 21, 45) !important;
    box-shadow: 0px 1px 0px #FFF inset;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.bc-btn-white:hover {
    background: rgb(170, 23, 51);
    border: 1px solid rgb(170, 23, 51);
    box-shadow: 0px 0px 0px #f9b3ba inset;
    color: #FFF !important;
}

.bc-btn-small {
    text-transform: capitalize !important;
}

.btn.round {
    border-radius: 30px;
    padding: 12px 50px 12px
}
.btn.white, .menu-btn {
    background: #FFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    border: 1px solid rgb(73, 65, 67) !important;
    border-radius: 0;
    text-transform: uppercase;
    color: rgb(73, 65, 67) !important;
    font-size: 16px;
    background: transparent;
}

/*********************
IMAGE
*********************/

.bc-img-border-double {
    border: 1px solid transparent;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    display: block;
    overflow: hidden;
    padding: 4px;
    background: #FFF;
    position: relative;
    transition: border-color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
}

.bc-img-border-double .bc-img-overlay {
    bottom: 115px;
    left: 0;
    right: 0;
    top: 0;
}

.bc-section-white.transparent {
    background: transparent;
}

.bc-section-image {
    padding-left: 50px;
    background-color: #000;
}

.bc-img-w {
    margin-bottom: 0;
}
/*********************
TOGGLE MENU
*********************/

.c-hamburger {
    display: block;
    position: absolute;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 49px;
    height: 40px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    top: 5px;
    right: -20px;
}

.c-hamburger:focus {
    outline: none;
}
.c-hamburger span {
    display: block;
    position: absolute;
    top: 26px;
    left: 12px;
    right: 12px;
    height: 3px;
    background: #000;
}

.c-hamburger span:before,
.c-hamburger span:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #000;
    content: "";
}

.c-hamburger span:before {
    top: -14px;
}

.c-hamburger span:after {
    bottom: 7px;
}
.c-hamburger--htx {
    background-color: #fff;
}

.c-hamburger--htx span {
    transition: background 0s 0.3s;
}

.c-hamburger--htx span:before,
.c-hamburger--htx span:after {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span:before {
    transition-property: top, transform;
}

.c-hamburger--htx span:after {
    transition-property: bottom, transform;
}


.c-hamburger--htx.is-active span {
    background: none;
    top: 18px;
}

.c-hamburger--htx.is-active span:before {
    top: 0;
    transform: rotate(45deg);
}

.c-hamburger--htx.is-active span:after {
    bottom: 0;
    transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span:before,
.c-hamburger--htx.is-active span:after {
    transition-delay: 0s, 0.3s;
}

/*********************
MOBILE MENU
*********************/
.bc-row-md .bc-btn {
    margin-top: 35px;
}

.bc-btn.bc-btn-no-border {
    border: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
}

.bc-section-menu-mobile-w {
    background: #0797BC !important;
}

.bc-menu-mobile {
    padding-bottom: 0;
}

.bc-search-form-wide .bc-section-base .form-control {
    border-color: #fff;
    color: #000;
    border-radius: 50px;
}

.bc-menu-mobile > li > a:after {
    content: "\f0fe";
    display: inline-block;
    float: right;
    font-family: fontawesome;
    line-height: 19px;
    font-size: 25px;
    color: #5c6c6f;
    border-radius: 5px;
    padding: 4px 8px;
    margin: -4px 0px 0px;
}

.bc-menu-mobile > li > a:only-child:after {
    content: '';
    line-height: normal;
    font-size: 1px;
    color: #FFF;
    background: #495355;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.bc-menu-mobile .bc-active li {
    background: #657476;
}

.bc-menu-mobile .bc-active li:hover {
    background: #353f41;
}

.bc-menu-mobile .bc-active li a {
    border-color: #495355;
}

.bc-section-menu-mobile {
    position: relative;
}

.bc-section-menu-mobile .btn {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 3px 3px 0;
}
/*********************
HOME
*********************/
.feature .bc-col-sm-6{
    max-height: 17.5em;
    overflow: hidden;
    min-height: 17.5em;
}
.feature a:hover{
 	text-decoration: none !important;   
}
.feature .bc-col-sm-6.bc-section-light,
.feature .bc-col-sm-6.bc-section-dark{
        transition: all .5s ease-in-out 0s;
}
.feature .bc-col-sm-6.bc-section-light:hover{
 	background: rgb(231, 235, 239); 

}
.feature .bc-col-sm-6.bc-section-dark:hover{
 	background: rgb(33, 50, 80); 

}
.welcome .bc-section-oj{
    min-height: 35em;
    max-height: 35em;
    overflow: hidden;
}
.welcome h2{
 	line-height: 1em;   
}
.feature h2{
    letter-spacing: -1px;
    
}
.feature i{
    font-size: 70px;
    text-align: center;
    margin: 0 auto;
    display: block;
    
    color: #ce7a0c;
}
.about .bc-img-w img{
    margin: 0 auto;
    width: 750px !important;
    display: block;
    
}
.intro .buttons{
    padding-top: 30px;
    
}
.mission i{
    font-size: 40px;
}
.mission a i{
 	font-size: 14px;   
}
.mission .icon {
    width: 20%;
    margin: 0 auto;
    padding-bottom: 20px;
}
.mission.height .bc-col-sm-4 .icon {
    height: 105px;
    overflow: hidden;
}
.mission.height .bc-col-sm-3 .icon {
    height: 115px;
    overflow: hidden;
}
.mission.height .bc-col-sm-5-cell .icon {
     height: 105px;
    overflow: hidden;
}
.mission .icon.prototype{
        width: 23%;
}
.mission .icon.research{
        width: 23%;

}
.mission .icon.deliver{
     width: 25%;
   
}
.mission .icon.assess{
width: 51%;

}
.mission .icon.document{
    
    width: 32%;

}
.mission .icon.identify{
        width: 32%;

    
}
.mission .icon.delivers{
    width: 32%;
 
    
}
.mission .icon.include{
    width: 32%;

}
.mission .icon.align{
    width: 34%;

}
.mission .icon.maximise{
 	    width: 50%;
  
}
.mission .icon.satisfy{
width: 41%;

}
.mission .icon.automate{
    width: 37%;

}
.mission .icon.manage{
width: 35%;

}
.accrediation .sharepoint, .accrediation .office365, .accrediation .adobe {
    
    padding-top: 15px;
}
.port-land {
    clear: both;
    
}
.accrediation .bc-img-w img{
    max-width: 75%;
    
}
.project .type{
    position: absolute;
    bottom: 15px;
    z-index: 6;
    color: #FFF;
    left: 0px;
    margin: 0;
    text-shadow: 1px 1px 1px #4e4d4d;
    background: rgba(22, 38, 66, 0.6);
    border-radius: 0 2px 2px 0;
    padding: 5px 10px;   
}
.splogo img{
 	max-width: 35%;   
}
.benefits {
    margin: 0;
    padding: 0;
}
.benefits li{
    font-size: 18px;
    font-weight: 300;
    padding: 1.1em 3.5em;
    list-style: none;
    margin: 0;
    position: relative;
}
.benefits li i{
      font-family: fontawesome;
    color: #FFF;
    position: absolute;
    left: 0;
    /* border: 1px solid rgb(230, 131, 28); */
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 27px;
    top: 14px;
    background: rgb(230, 131, 28);
}
    
/*********************
ABOUT
*********************/

.testimonial-sm{
    line-height: 1.8;
    font-weight: 200;
}
.bc-icons-float {
    padding: 0;
    display: table;
    margin: 0 auto;
}

.bc-icons-float li {
    margin: 0;
    padding: 5px 15px;
    list-style: none;
    float: left;
    display: inline-block;
    /* line-height: 30px;
    */
    border-right: 1px solid #efefef;
}
.bc-icons-float li i{
 	padding-right: 5px;   
}
.services-menu .bc-icons-float li,
.services-menu .bc-icons-float li i {
 	 padding: 0;   
     border: 0;
}
.bc-icons-float li:last-child{
    border-right: 0 !important;
    
}
/*********************
SERVICES
*********************/
.bc-section-parallax.large .bc-section{
    padding-top: 140px;
    padding-bottom: 170px;
}
.bc-section-parallax.med .bc-section{
    padding-top: 80px;
    padding-bottom: 60px;
}
.bc-section-parallax.large h1{
    font-size:66px;
    
}
.bc-slider-wrapper.internal{
    margin-bottom: 0;
    
}
.bc-slider-wrapper.internal .bc-slider-pagination{
    display: none;
    
}

.services-menu{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 0 !important;
    background: rgba(0,0,0, 0.6);
    padding: 10px;
    left: 0;
}
.services-menu.sp p{
 	display: none;   
}

.services-menu .bc-icons-float li a{
    margin: 0;
    padding: 15px 36px 20px 36px;
    list-style: none;
    float: left;
    font-size: 13px;
    display: inline-block;
    font-weight: 200;
    border-right: 0;
    text-align: center;
    position: relative;
    text-transform: uppercase;


}
.services-menu .bc-icons-float li a:hover{
 	text-decoration: none !important;
      transition: all 0.5s ease-in-out 0s;
}
.services-menu .bc-icons-float li i{
    display: block;
    padding: 0px 0 10px;
    font-size: 20px !important;
    color: rgb(255, 255, 255);
    
    
    
}
.services-menu .bc-icons-float li:hover a:after{
    background: #ce7a0c;
    border-radius: 0;
    content: "";
    display: block;
    height: 5px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: inherit;
    bottom: -1px;
        
}
.consulting .services-menu .bc-icons-float li:nth-child(3) a:after,
.design .services-menu .bc-icons-float li:nth-child(1) a:after,
.development .services-menu .bc-icons-float li:nth-child(4) a:after,
.dms .services-menu .bc-icons-float li:nth-child(6) a:after,
.migration .services-menu .bc-icons-float li:nth-child(2) a:after,
.governance .services-menu .bc-icons-float li:nth-child(5) a:after,
.training .services-menu .bc-icons-float li:nth-child(7) a:after,
.support .services-menu .bc-icons-float li:nth-child(8) a:after{
    background: #ce7a0c;
    border-radius: 0;
    content: "";
    display: block;
    height: 5px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: inherit;
    bottom: -1px;
   
}
.services-menu .bc-icons-float li a{
    color : rgb(255,255,255);

    
}
.service-image .bc-img-w{	
	max-height: 200px;    
}	
/***************
HOME SLIDER
***************/
.bc-slider-page-active {
    background: rgb(255, 255, 255) !important;
}
.bc-slider-pagination {
    
    width: 77%!important;
    bottom: 15px!important;
}
.arrow:before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border: 25px solid #FFFFFF;
    border-width: 3.4285714286rem 4.5714285714rem 0;
    border-color: #FFFFFF transparent transparent;
    width: 0;
    height: auto;
	-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 9;
}

/***************
MENU
***************/
.bc-menu, .bc-simple-menu {
    line-height: 40px;
    
}

/*********************
footer
*********************/
.address {
    padding: 0;
    margin:0;
    list-style: none;
}
.address li {
    padding: 0 0 .3em 0;
    margin:0;
    list-style: none;
}
.address li.location:before,
.address li.phone:before,
.address li.email:before{
    content: "";
    font-family: fontawesome;
    display: inline-block;
    font-weight: 300;
    padding-right: 8px;
}
.address li.location:before{
    content: "\f041";
}
.address li.phone:before{
    content: "\f095";
}
.address li.email:before{
    content: "\f003";
}
.footer .menu{
    padding: 0 0 0 .3em;
    margin:0;
    list-style: none;
    
}
.footer .menu li{
    padding: 0 0 .5em 0;
    margin:0;
    list-style: none;
    
}
.footer .menu li:before{
    content: "\f105";
    font-family: fontawesome;
    display: inline-block;
    font-weight: 300;
    padding-right: 8px;
}
.footer .services ul{
    padding: 0 0 0 .3em;
    margin:0;
    list-style: none;
    
}
.footer hr{
    display: none;
    
}
.footer .services ul li{
    padding: 0 0 .5em 0;
    margin:0;
    list-style: none;
    
}

.footer .bc-list-links {
    float: right;
}
.footer .bc-list-links li {
    display: inline-block;
    list-style: none;
    float: left;
    padding: 0 .3em 0 .3em;
    
}
/*********************
TABS
*********************/
.services .bc-tabs-navigation li.bc-active a:after {
    border-radius: 100%;
    display: inline-block; 
    height: 10px;
    left: inherit;
    position: absolute;
    right: 8px;
    bottom: inherit;
    top: 16px;
    transition: all 0.1s ease-in-out 0s;
    z-index: 1;
    background: rgb(22, 38, 66);
    width: 10px;
}
.services .bc-tabs-navigation li a{
	padding: 11px 15px 10px;   
}
.bc-section-white .bc-tabs-navigation li.bc-active a,
.bc-section-white .bc-tabs-navigation li.bc-active a:hover,
.bc-section-white .bc-tabs-navigation li.bc-active a:focus {
    background: #ffffff;
    border-color: #ffffff #ffffff #ffffff;
    box-shadow: none;
    color: #2e343c;
}
.bc-tabs-navigation.blog li.bc-active a,
.bc-tabs-navigation.blog li.bc-active a:hover,
.bc-tabs-navigation.blog li.bc-active a:focus {
  background: rgb(22, 38, 66);
    border-color: #FFF;
    border-bottom-color: #ffffff;
    color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bc-tabs-navigation.blog li.bc-active a:after {
  background: rgb(22, 38, 66);
    display: none;
}
.bc-tabs-navigation li{
    display: inline-block;
    border: 2px solid #FFF;
    display: block;
    float: none;
    width: 80%;
    margin: 0 0 13px !important;
    position: relative;
    text-align: center;
}
.bc-tabs-navigation.blog li{
    position: relative;
    display: block;
    float: left;
    margin: 0 0 -1px !important;
    border: 0;
    width: 50%;
    
}
.blogpost-result{
 	width: 100%;
    display: inline-block;
}
.bc-tabs-navigation li a{
    color: #FFF;
    transition: all 0.2s ease-in-out 0.2s;
}
.bc-tabs-navigation.blog li a{
    color: #70757a;
    background: #FFF;
    border-color: #e5eaea;
    transition: all 0.2s ease-in-out 0.2s;
}
.bc-tabs-navigation li a:hover{
    color: #162638;
    background: #FFF;
}
#searchForm .form-group {
    margin-bottom: 10px;
}
.BlogRecentPost ul li:nth-child(2n+1){
 	background: #f4f5f6;   
}
.BlogRecentPost a:before{
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    left: 10px;
    display: inline-block;
    top: 6px;
    font-size: 16px;
    transition: all 0.3s ease 0s;
}
.bc-margin-top-minus10{
 	margin-top: -20px;   
}
.bc-margin-top-minus20{
 	margin-top: -10px;   
}
.aside .lead-18{
 	position: relative;   
}
.aside .lead-18:after {
    position: absolute;
    content: '';
    width: 3px;
    height: 28px;
    background: rgb(38, 55, 74);
    left: -15px;
    top: 0px;;
}
ul.pagination {
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
    text-align: center;
    color: #ccc;
}
.aside .search,
.aside .tabs,
.aside .archive{
	padding: 20px 15px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}   
.bc-tabs-content {
    border: 0;
    padding-left: 20px;
}
.bc-tabs-content.blog  {
    border: 0;
    padding-left: 0;
}
.bc-tabs-content.blog > .bc-tab-pane {
    padding-top: 10px;
}
.bc-tabs-navigation li.bc-active{
    background: #FFF;
    
}
.bc-tabs-navigation li.bc-active a {
    color: #162638;
    font-weight: 600;
}


.bc-section-white .bc-tabs-navigation li a:hover {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #2e343c;
}

.bc-section-white .bc-tabs-navigation li.bc-active a,
.bc-section-white .bc-tabs-navigation li.bc-active a:hover,
.bc-section-white .bc-tabs-navigation li.bc-active a:focus {
    box-shadow: none;
    color: #ce7a0c;
}

.bc-section-white .bc-tabs-navigation li.bc-active a:after {
    background: #ce7a0c;
    border-radius: 0;
    content: "";
    display: block;
    height: 3px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: inherit;
    bottom: -1px
}

.bc-section-white .bc-tabs-vertical .bc-tabs-navigation li.bc-active a,
.bc-section-white .bc-tabs-vertical .bc-tabs-navigation li.bc-active a:hover,
.bc-section-white .bc-tabs-vertical .bc-tabs-navigation li.bc-active a:focus {
    border-bottom-color: #e5eaea;
    border-right-color: #ffffff;
}

.bc-section-white .bc-tabs-content {
    background: #ffffff none repeat scroll 0 0;
}

.bc-section-white .bc-tabs-content-transparent {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.bc-section-white .bc-tabs-navigation li a {
    background: #FFF none repeat scroll 0 0;
    border-color: #FFF;
    color: #70757a;
}

.bc-section-white .bc-tabs-navigation li a:hover {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #2e343c;
}
.bc-icon-box-vertical .bc-icon-box-icon {
    width: 44px;
    height: 44px;
    text-align: center;
    vertical-align: middle;
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
    margin-left: auto;
    margin-right: auto;
    
}
.bc-section-white .bc-responsive-lg.bc-tabs-navigation li.bc-active a,
.bc-section-white .bc-responsive-lg.bc-tabs-vertical .bc-tabs-navigation li.bc-active a,
.bc-section-white .bc-responsive-lg.bc-tabs-navigation li.bc-active a:hover,
.bc-section-white .bc-responsive-lg.bc-tabs-vertical .bc-tabs-navigation li.bc-active a:hover {
    border-bottom-color: #dde1e1;
    border-right-color: #dde1e1;
}

@media screen and (max-width: 1119px) {
    .bc-section-white .bc-responsive-md.bc-tabs-navigation li.bc-active a,
    .bc-section-white .bc-responsive-md.bc-tabs-vertical .bc-tabs-navigation li.bc-active a,
    .bc-section-white .bc-responsive-md.bc-tabs-navigation li.bc-active a:hover,
    .bc-section-white .bc-responsive-md.bc-tabs-vertical .bc-tabs-navigation li.bc-active a:hover {
        border-bottom-color: #dde1e1;
        border-right-color: #dde1e1;
    }
}
/*********************
FORM
*********************/


.radio + .radio,
.checkbox + .checkbox {
    margin: 0;
}

.bc-contact-form.dealer h3 {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 25px;
    position: absolute;
    text-indent: -5000px;
    
}

.captchaimg {
    display: inline-block;
    margin-right: 0.5em;
    width: auto;
    float: left;
}

.form-control  {
    background: none repeat scroll 0 0 #f8fafa;
    border: 1px solid transparent;
    border-radius: 0;
    display: inline-block;
    font-size: 14px;
    height: 44px;
    color: #424242;
    padding: 8px 11px 9px;
    transition: all 0.1s ease-in-out 0s;
    height: 50px;
    
}
.form-control::-webkit-input-placeholder, 
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control:-moz-placeholder {
    
    color: #000;
    text-transform: uppercase;
}
.bc-section-white .form-control {
    background: #FFF;
}

.bc-section-white .form-control:focus,
.bc-section-grey .form-control:focus {
    border-color: rgb(133, 207, 39);
    outline: 0;
    background: #FFF;
}

.error-group {
    transition: all 1.0s ease-in-out 1.0s;
}

.form-control.error,
input.cat_textbox.error {
    border: 1px solid #f09ba9 !important;
    background: #fef2f4 !important;
    transition: all 1.0s ease-in-out 1.0s !important;
    margin: 0;
}

.error-group small {
    color: rgb(209, 47, 25);
    background: transparent;
    clear: both;
    display: block;
}
.system-message, .system-error-message {
    background-color: #f9fff1;
    border: 1px solid #d0e67c;
    color: #000;
    margin: 0;
    min-height: inherit;
    height: auto !important;
    height: 110px;
    padding: 20px;
}

input[type="file"] {
    display: block;
    background: #f8fafa;
    width: 100%;
    border: 1px solid #dde1e1;
    padding: 10px;
    border-radius: 4px;
    font-size: 13px;
}

.capcha .error-group {
    display: inline-block;
}
.contact .bc-list-with-icons i{
     color: #ccc;
    font-size: 20px;   
}
.contact .bc-list-with-icons .address i{
     padding-left: 5px;   
}
.contact .bc-list-big-margins li {
    margin: 18px 0;
	padding: 0px 10px 5px 30px;
    margin: 0;
}
.contact .bc-list-with-icons .phone a{
 	font-size: 18px;   
}
/*********************
NEWS
*********************/

#VideoGallery .VideoContainer:nth-child(4n):after,
.bc-section .mega-product:nth-child(4n):after {
    content: ".";
    display: block;
    clear: both;
    color: #FFF;
}
.bc-caption-icon {
    background: rgba(255, 255, 255, 0.85);
}
.bc-portfolio-description {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    margin: 0;
    padding: 0;
    transition: all 0.2s ease-in-out 0s;
}

.bc-portfolio-description.bc-portfolio-description-round-corners {
    border-radius: 0 0 3px 3px;
}

.bc-portfolio-description {
    overflow: hidden;
}
.bc-portfolio-description .text-black{
 	   color: rgb(214, 127, 13)!important;
    position: relative;
}
.bc-portfolio-item .bc-img-w{
    border-radius: 0 ;
}
.bc-section-white .bc-portfolio-description-box .bc-portfolio-description,
.bc-portfolio-description {
    background: #FFF;
    border-color: #f0f1f1;
    color: #737a81;
}
.bc-portfolio-item {
    position: relative;
    
}
.bc-portfolio-cats {
    display: block;
    font-size: 13px;
    line-height: 1.8em;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 6px 10px 5px 21px;
    width: 100%;
    text-transform: uppercase;
    
}
.blog-post .bc-portfolio-cats{
    background: transparent;
    position: relative;
    width: 100%;
    
    margin-top: -10px;
    
}
.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #efefef !important;
    border-radius: 2px !important;
    height: 40px !important;
    padding: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px !important;
    top: 7px !important;
    right: 7px !important;
    width: 20px;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #efefef !important;
    border-radius: 2px !important;
    padding: 20px 5px !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field{
    border: solid rgb(214, 127, 13) 1px !important;
}
.select2-dropdown {
    background-color: #FFF !important;
    border: 1px solid #efefef !important;
    border-radius: 2px !important;

}
/*.select2-result-repository__title{
 	background: rgb(214, 127, 13) !important;
    padding: 5px !important;
}*/
.select2-results__option{
   padding: 0 5px !important;
   background: #FFF !important; 
}	
.select2-results__option.select2-results__option--highlighted{
   padding: 0 5px !important;
   background: rgb(38, 55, 74) !important; 
}	

.blog-post h1{
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 0;
}
.bc-section-white .bc-portfolio-cats li,
.bc-section-grey .bc-portfolio-cats li,
.bc-section-white .bc-meta li,
.bc-section-grey .bc-meta li {
    color: #afb8bb;
}

.bc-portfolio-description .bc-portfolio-cats li {
    font-size: 13px;
}

.bc-portfolio-cats li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.bc-section-white .bc-portfolio-cats li i,
.bc-section-grey .bc-portfolio-cats li i,
.bc-section-white .bc-meta li i,
.bc-section-grey .bc-meta li i {
    color: #afb8bb;
}

.bc-portfolio-description .bc-portfolio-cats li i {
    font-size: 13px;
    margin-right: 5px;
}

.bc-meta li {
    display: inline-block;
    margin: 0 5px 0 0;
}
.search .bc-col-sm-12{
 	padding: 0px 20px 0px 20px;   
}


.bc-meta {
    display: block;
    
    font-size: 13px;
    line-height: 1.8em;
    list-style: outside none none;
    margin-bottom: 10px;
    padding: 0;
}

.bc-meta li i {
    margin-right: 5px;
}

.news-side h4 {
    color: #666;
    border-bottom: 1px solid #EFEFEF;
    margin: 0px;
    background: #F5F5F5;
    font-size: 18px;
    padding: 5px 10px;
}
.aside-post h4{
    background: rgb(233, 237, 241);
    padding: 10px;
}
.bc-portfolio-description .text-black:after {
  content: "\f105";
  font-family: fontawesome;
  position: absolute;
  right: -10px;
      top: 0px;
    font-size: 16px;
  transition: all 0.3s ease 0s;
}
.bc-portfolio-description .text-black:hover:after {
  right: -20px;
}
.blog_tag{
 padding: 0;
    margin: 0;
    list-style: none;
}
ul.blog_tag li {
    display: inline-block;
    margin: 0;
    font-size: 12.14px;
    color: #ffffff;
    line-height: 15px;
    margin-right: 24px;
}
ul.blog_tag li em {
    font-size: 18px;
    color: #ffffff;
    margin-right: 8px;
    display: inline-block;
    vertical-align: -1px;
}
.BlogRecentPost li,
.BlogTagList li,
.BlogPostArchive li {
    font-size: inherit;
    margin: 0;
    border-bottom: 0;
    padding: 6px 25px;
    background: #fff;
    position: relative;
}

.BlogTagCloud-XX-Small,
.BlogTagCloud-X-Small,
.BlogTagCloud-X-Large,
.BlogTagCloud-Small,
.BlogTagCloud-Medium,
.BlogTagCloud-Large {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dadada;
    border-radius: 4px;
    display: inline-block;
    margin: 0 0.2em 0.2em 0;
    padding: 0.3em;
    position: relative;
}
.postlist h4{
    background: transparent;
    font-size: 13px;
    text-align: left;
    padding: 0;
    margin: 0;
    
}
.postlist .bc-row{
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
    
}
.blog-post .image{
    position: relative;
    
}
.blog-post .data{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    color: #FFF;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+78&0+0,1+78 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 78%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 78%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 78%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    z-index: 9;
    
}
.blog-post .data h1{
    font-weight: 600;
    color: #FFF !important;
    margin: 0;
    padding: 0;
    
}

.bc-section-menu-mobile-w {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    overflow: auto;
    text-align: left;
    left: inherit;
    width: 200px
        
}
/***************
MAP
***************/
.bc-google-map {
    height: 240px;
    margin-bottom: 20px;
    width: 100%;
}
.bc-google-map img {
    max-width: none;
}
.bc-google-map-wide {
    height: 300px;
    margin-bottom: 0;
    width: 100%;
}
.bc-google-map-shadow {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
/*********************
CAROSUEL
*********************/
/* 
*  Owl Carousel - Animate Plugin
*/

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/* 
*  Owl Carousel - Auto Height Plugin
*/

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
/* 
*  Core Owl Carousel CSS File
*/

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

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

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    /* display: block;
    width: 100%;
    */
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}
/* No Js */

.no-js .owl-carousel {
    display: block;
}
/* 
*  Owl Carousel - Lazy Load Plugin
*/

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}
/* 
*  Owl Carousel - Video Plugin
*/

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

.animated {
    -webkit-animation-duration: 1000 ms;
    animation-duration: 1000 ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */

.owl-animated-out {
    z-index: 1
}
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */

.owl-animated-in {
    z-index: 0
}
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-dots .owl-dot {
    display: inline-block;
    float: left;
}

.owl-dot span {
    background: #FFF;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 4px;
    opacity: 0.5;
    width: 12px;
    border: 2px solid #00b3e3;
}

.owl-dots {
    text-align: center;
    display: inline-block;
}

.owl-dot.active span {
    background: #00b3e3;
    border: 2px solid #00b3e3;
}

#services .owl-controls .owl-nav,
#testimonial .owl-controls .owl-dot,
#latest .owl-controls .owl-dot {
    display: none;
}
/*********************
TABLES
*********************/

.bc-section-white table.bc-table th {
    border-color: #586266;
    color: #586266;
}

.bc-section-white table.bc-table td {
    border-color: #e5eaea;
}

.bc-section-white table.bc-table.bc-table-zebra tbody tr:nth-child(2n-1) {
    background:  #f8fafa;
}

.bc-section-white table.bc-table.bc-table-complex tr,
.bc-section-white table.bc-table.bc-table-complex td,
.bc-section-white table.bc-table.bc-table-complex th {
    border-color: #e5eaea;
}

.bc-section-white table.bc-table.bc-table-complex thead tr th {
    background:  #f8fafa;
    border-color: #e5eaea;
    color: #586266;
}

.bc-section-white table.bc-table.bc-table-complex tbody tr {
    background:  #ffffff;
}

.bc-section-white table.bc-table.bc-table-complex.bc-table-zebra tbody tr:nth-child(2n-1) {
    background:  #ffffff;
}

.bc-section-white table.bc-table.bc-table-complex.bc-table-zebra tbody tr:nth-child(2n) {
    background: rgb(241, 245, 248);
}

.bc-section-white table.bc-table.bc-table-shadow {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.bc-section-white table.bc-table.bc-table-all-borders th {
    border-color: #e5eaea;
}
/*********************
ACCORDIAN
*********************/

.bc-accordion .bc-accordion-title i,
.bc-accordion .bc-accordion-title em {
    background: #efefef;
    border-radius: 50px;
    color: #005cb8;
}

.accordion-title {
    border-bottom: 1px solid #efefef;
    font-weight: 600;
}

.bc-accordion.doco .bc-accordion-title {
    background: #f5f5f5;
}

.bc-accordion.doco .bc-accordion-title a {
    border-bottom: 1px solid #efefef;
}

.bc-accordion.doco .bc-accordion-title a .bc-accordion-toggle {
    background: #FFF;
}

.bc-accordion.doco .bc-accordion-content > div {
    border-bottom: 1px solid #efefef;
}

.bc-accordion .bc-accordion-item {
    border-color: #efefef;
}

.bc-accordion .bc-accordion-title a {
    color: #4d5258;
    text-shadow: transparent;
}

.bc-accordion .bc-accordion-title a .bc-accordion-toggle {
    background: #f4f6f6;
    color: #0797bc;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-box-shadow: inset 0 0 0 #f8fafa;
    -moz-box-shadow: inset 0 0 0 #f8fafa;
    box-shadow: inset 0 0 0 #f8fafa;
}

.bc-accordion .bc-accordion-title a:hover {
    color: #0797bc;
    text-shadow: transparent;
    background: #f8f8f8;
}

.bc-accordion .bc-accordion-title a:hover .bc-accordion-toggle {
    background: #f4f6f6;
    color: #0797bc;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-box-shadow: inset 0 0 0 #f8fafa;
    -moz-box-shadow: inset 0 0 0 #f8fafa;
    box-shadow: inset 0 0 0 #f8fafa;
}

.bc-accordion .bc-accordion-item-active .bc-accordion-title a {
    color: #0797bc;
    background: #f8f8f8;
    text-shadow: transparent;
}

.bc-accordion .bc-accordion-item-active .bc-accordion-title a .bc-accordion-toggle {
    border: 0;
    background: #a9d822;
    color: #FFF;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 0 #f0f593;
    -moz-box-shadow: inset 0 0 0 #f0f593;
    box-shadow: inset 0 0 0 #f0f593;
}


/*********************
MOBILE MENU
*********************/


.bc-pagenav ul {
  list-style: none;
  padding-left: 0;
}
.bc-pagenav li {
  display: inline-block;
}
.bc-pagenav a {
  display: inline-block;
  padding: 6px 10px 6px;
  border: 1px solid #efefef;
  line-height: 16px;
  vertical-align: middle;
  ountline: none;
  cursor: pointer;
  white-space: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #FFF;
    color: rgb(38, 55, 74);
    text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;

}
.bc-pagenav a i,
.bc-pagenav a img {
  margin-left: 0px;
}
.bc-pagenav a img {
  width: 16px;
  margin-top: -2px;
}
.bc-pagenav a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bc-pagenav a:hover,
.bc-pagenav a:focus {
  text-decoration: none;
}
.bc-pagenav a:active,
.bc-pagenav a.active {
  outline: 0;
  background: #18ba60;
  border-color: #10a95b;
    color: rgb(38, 55, 74);
  box-shadow: inset 0 1px 0 #1bc26c;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.bc-pagenav a:hover {
  background: rgb(239,239,239);
  border-color: rgb(239,239,239);
  color: #ffffff;
  box-shadow: inset 0 1px 0 #aebbbc;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.bc-pagenav a.bc-active {
    background: #de850f;
    border-color: #da810d;
    color: #ffffff;
    box-shadow: inset 0 1px 0 #ec9f39;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
/*********************
MOBILE MENU
*********************/
.pushy {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: rgb(22, 38, 66);
    overflow: auto;
    color: #FFF;
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    /* enables momentum scrolling in iOS overflow elements */
}

.pushy a:hover {
    color: #FFF;
}
.pushy ul:first-child {
    margin-top: 10px;
}
.pushy.pushy-left {
    left: 0;
}
.pushy.pushy-right {
    right: 0;
}

/* Menu Movement */
.pushy-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.pushy-open-left #bc-all,
.pushy-open-left .push {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100% 0, 0);
}

.pushy-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.pushy-open-right #bc-all,
.pushy-open-right .push {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
#bc-all,
.pushy,
.push {
    transition: transform 1.0s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
    display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-animation: fade 500ms;
    animation: fade 500ms;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* Submenu Appearance */
.pushy-submenu {
    /* Submenu Icon */
}
.pushy-submenu ul {
    padding-left: 15px;
    transition: max-height 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
    transition: opacity 0.2s ease-in-out;
}
.pushy-submenu > a {
    position: relative;
}
.pushy-submenu > a::after {
    content: '';
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
    max-height: 0;
    overflow: hidden;
}
.pushy-submenu-closed .pushy-link {
    opacity: 0;
}

.pushy-submenu-open {
    /* Submenu Icon */
}
.pushy-submenu-open ul {
    max-height: 1000px;
}
.pushy-submenu-open .pushy-link {
    opacity: 1;
}
.pushy-submenu-open a:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.no-csstransforms3d .pushy-submenu-closed ul {
    max-height: none;
    display: none;
}
.bc-mobile-menu li {
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid rgb(6, 28, 35);
    text-align: left;
    font-size: 18px;
    font-weight: 200;
    padding: 10px 0px;
}
.pushy-submenu-closed ul {
    display: none;
}
.bc-mobile-menu a {
    position: relative;
    color: #FFF;
    padding: 10px 20px;
    display: block;
}
.bc-mobile-menu a:before{
    content: "";
    font-family: fontawesome;
    content: "";
  	display: inline-block;
    font-weight: normal;
    padding-right: 12px;
    color: rgb(255, 255, 255);
    float: left;
    font-size: 18px;
}

.bc-mobile-menu a[href*="/"]:before{
     content: "\f015";
}
.bc-mobile-menu a[href*="/about"]:before{
    content: "\f0c0";
}
.bc-mobile-menu a[href*="/services"]:before{
    content: "\f0ad";
}
.bc-mobile-menu a[href*="/work"]:before{
    content: "\f03e";
}
.bc-mobile-menu a[href*="/news"]:before{
    content: "\f0f6";
}
.bc-mobile-menu a[href*="/contact"]:before{
    content: "\f095";
}
.bc-mobile-menu a:after{
    content: "";
    font-family: fontawesome;
    content: "\f105";
    display: inline-block;
    font-weight: 300;
    padding-right: 8px;
    color: rgb(255, 255, 255);
    float: right;
}
.pushy-submenu-closed:before{
    content: "";
    font-family: fontawesome;
    content: "\f107";
    display: inline-block;
    font-weight: 300;
    float: right;
    padding: 10px;
    
}
.pushy-submenu-open:before{
    content: "";
    font-family: fontawesome;
    content: "\f106";
    display: inline-block;
    font-weight: 300;
    float: right;
    padding: 10px;
    
}
.bc-mobile-menu li:hover{
    background: rgb(16, 29, 51);
}
.pushy.pushy-right {
    padding-top: 20px;
    margin: 0;
    padding-left: 0;
}
.pushy-submenu-open ul{
    display: block;
    width: 100%;
    margin: 0;
    
}
.pushy-submenu ul li{
    border: 0;
}
.pushy-submenu ul li a{
    
}
.pushy-submenu-open{
    background: rgb(13, 60, 74);
}
.pushy-submenu-open li{
    
}
.closebtn{
	font-size: 19px;
    font-weight: 600;
    padding: 13px 10px;
    clear: both;
    line-height: 37px;
    display: block;
    text-transform: uppercase;
    text-align: right;
    cursor: pointer;
    color: #FFF !important;
    border: 0 !important;
    text-align: center;
    background: rgb(16, 29, 51);	
       position: relative !important;
    right: 0 !important
}

.closebtn i{
    font-size: 24px;
    color: #FFF;
}
 .mobile-nav-button {
        display:none;
    }

/*********************
PRICING TABLE
*********************/


.bc-pricing {
  width: 100%;
  border-collapse: separate;
  *border-collapse: collapse;
  /* IE7 and lower */

  border-spacing: 0;
  position: relative;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow:0px 0px 13px rgba(0, 0, 0, .1);
  -moz-box-shadow:0px 0px 13px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 13px rgba(0, 0, 0, .1);
}
.bc-pricing thead th,
.bc-pricing thead td {
  position: relative;
}
.bc-pricing thead th,
.bc-pricing thead td,
.bc-pricing tfoot td {
  padding: 25px 25px 5px;
  font-weight: normal;
}
.bc-pricing thead th,
.bc-pricing thead td {
  border: 1px solid transparent;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.bc-pricing tbody th,
.bc-pricing tbody td {
  padding: 12px 25px;
}
.bc-pricing tbody th.bc-pricing-description,
.bc-pricing tbody td.bc-pricing-description {
  padding: 25px 25px 5px;
}
.bc-pricing tbody tr:last-child td {
  border-bottom: 0;
}
.bc-pricing tbody.bc-pricing-no-footer tr:last-child td {
  border-bottom: 1px solid transparent;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.bc-pricing tfoot th,
.bc-pricing tfoot td {
  border: 1px solid transparent;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.bc-pricing .bc-pricing-price {
  min-width: 130px;
  margin-bottom: 20px;
}
.bc-pricing .bc-pricing-price:last-child {
  margin-bottom: 25px;
}
.bc-pricing .bc-pricing-currency,
.bc-pricing .bc-pricing-amount,
.bc-pricing .bc-pricing-period {
  display: inline-block;
  line-height: 1em;
}
.bc-pricing .bc-pricing-title,
.bc-pricing .bc-pricing-currency {
  font-weight: 600;
}
.bc-pricing .bc-pricing-title {
  margin-bottom: 20px;
  display: inline-block;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.bc-pricing .bc-pricing-currency {
  position: relative;
  top: -33px;
  margin: 0 -3px 0 0;
  font-size: 20px;
  font-weight: 400;
}
.bc-pricing .bc-pricing-amount {
  font-size: 64px;
  font-weight: 300;
  letter-spacing: -1px;
}
.bc-pricing .bc-pricing-period {
  margin: 0 0 0 -4px;
  font-size: 18px;
  font-weight: 300;
}
.bc-responsive-table-lg .bc-pricing-wrap {
  border: 0;
}
@media (max-width: 1119px) {
  .bc-responsive-table-md .bc-pricing-wrap {
    border: 0;
  }
}
@media (max-width: 991px) {
  .bc-responsive-table-sm .bc-pricing-wrap {
    border: 0;
  }
}
@media (max-width: 767px) {
  .bc-responsive-table-xs .bc-pricing-wrap {
    border: 0;
  }
}
@media (max-width: 479px) {
  .bc-responsive-table-2xs .bc-pricing-wrap {
    border: 0;
  }
}
@media (max-width: 319px) {
  .bc-responsive-table-3xs .bc-pricing-wrap {
    border: 0;
  }
}




.bc-pricing thead th,
.bc-pricing thead td {
  background: #f8fafa;
  border-color: #e5eaea;
}
.bc-pricing tbody th,
.bc-pricing tbody td {
  background: #ffffff;
  border-right: 1px solid #e5eaea;
  border-left: 1px solid #e5eaea;
  border-bottom: 1px dotted #d6dfdf;
}
.bc-pricing tbody.bc-pricing-no-footer tr:last-child td {
  border-color: #e5eaea;
}
.bc-pricing tfoot th,
.bc-pricing tfoot td {
  background: #f8fafa;
  border-color: #e5eaea;
}
.bc-pricing .bc-pricing-title,
.bc-pricing .bc-pricing-currency,
.bc-pricing .bc-pricing-amount {
  color: #FFF
}
.bc-pricing .bc-pricing-period {
  color: #b6b9b9;
}
.bc-pricing .bc-pricing-head-dark {
 background: rgb(22, 38, 66)!important;
    border-color: rgb(22, 38, 66) !important;
    color: #FFF !important;
}

.bc-pricing .bc-pricing-head-oj {
 background: rgb(230, 131, 28)!important;
    border-color: rgb(230, 131, 28) !important;
    color: #FFF  !important;
}
.bc-pricing .bc-pricing-head-grey {
 background: rgb(128, 133, 142)!important;
    border-color: rgb(128, 133, 142) !important;
    color: #FFF !important;
}
.bc-pricing .bc-pricing-head-dark .bc-pricing-title,
.bc-pricing .bc-pricing-head-dark .bc-pricing-currency,
.bc-pricing .bc-pricing-head-dark .bc-pricing-amount {
  color: #f1f4f6 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-pricing .bc-pricing-head-dark .bc-pricing-period {
  color: #808d97 !important;
}
.bc-pricing .bc-pricing-head-turquoise {
  background: #0dc0c0 !important;
  color: #DCFAFC !important;
  border-color: #05b5b6 !important;
}
.bc-pricing .bc-pricing-head-turquoise .bc-pricing-title,
.bc-pricing .bc-pricing-head-turquoise .bc-pricing-currency,
.bc-pricing .bc-pricing-head-turquoise .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-pricing .bc-pricing-head-turquoise .bc-pricing-period {
  color: #DCFAFC !important;
}
.bc-pricing .bc-pricing-head-green {
  background: #18ba60 !important;
  color: #DAFCDB !important;
  border-color: #10a95b !important;
}
.bc-pricing .bc-pricing-head-green .bc-pricing-title,
.bc-pricing .bc-pricing-head-green .bc-pricing-currency,
.bc-pricing .bc-pricing-head-green .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-pricing .bc-pricing-head-green .bc-pricing-period {
  color: #DAFCDB !important;
}
.bc-pricing .bc-pricing-head-red {
  background: #e86343 !important;
  color: #FAE2DC !important;
  border-color: #dd5437 !important;
}
.bc-pricing .bc-pricing-head-red .bc-pricing-title,
.bc-pricing .bc-pricing-head-red .bc-pricing-currency,
.bc-pricing .bc-pricing-head-red .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-pricing .bc-pricing-head-red .bc-pricing-period {
  color: #FAE2DC !important;
}
.bc-pricing .bc-pricing-head-purple {
  background: #8463a9 !important;
  color: #decbea !important;
  border-color: #77579e !important;
}
.bc-pricing .bc-pricing-head-purple .bc-pricing-title,
.bc-pricing .bc-pricing-head-purple .bc-pricing-currency,
.bc-pricing .bc-pricing-head-purple .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-pricing .bc-pricing-head-purple .bc-pricing-period {
  color: #decbea !important;
}
.bc-pricing .bc-pricing-head-orange {
  background: #f58b3c !important;
  color: #FDEDD8 !important;
  border-color: #e97931 !important;
}
.bc-pricing .bc-pricing-head-orange .bc-pricing-title,
.bc-pricing .bc-pricing-head-orange .bc-pricing-currency,
.bc-pricing .bc-pricing-head-orange .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-pricing .bc-pricing-head-orange .bc-pricing-period {
  color: #FDEDD8 !important;
}
.bc-pricing .bc-pricing-head-lime {
  background: #86ba41 !important;
  color: #E8F8CC !important;
  border-color: #79b037 !important;
}
.bc-pricing .bc-pricing-head-lime .bc-pricing-title,
.bc-pricing .bc-pricing-head-lime .bc-pricing-currency,
.bc-pricing .bc-pricing-head-lime .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-pricing .bc-pricing-head-lime .bc-pricing-period {
  color: #E8F8CC !important;
}
.bc-pricing .bc-pricing-head-brown {
  background: #8f5340 !important;
  color: #f5ddbe !important;
  border-color: #824836 !important;
}
.bc-pricing .bc-pricing-head-brown .bc-pricing-title,
.bc-pricing .bc-pricing-head-brown .bc-pricing-currency,
.bc-pricing .bc-pricing-head-brown .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-pricing .bc-pricing-head-brown .bc-pricing-period {
  color: #f5ddbe !important;
}
.bc-pricing .bc-pricing-head-blue {
  background: #609ddb !important;
  color: #D6EBFA !important;
  border-color: #5491d5 !important;
}
.bc-pricing .bc-pricing-head-blue .bc-pricing-title,
.bc-pricing .bc-pricing-head-blue .bc-pricing-currency,
.bc-pricing .bc-pricing-head-blue .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-pricing .bc-pricing-head-blue .bc-pricing-period {
  color: #D6EBFA !important;
}

.bc-section-dark .bc-pricing thead th,
.bc-section-dark .bc-pricing thead td {
  background: #262c32;
  border-color: #32383f;
}
.bc-section-dark .bc-pricing tbody th,
.bc-section-dark .bc-pricing tbody td {
  background: #2a3037;
  border-right: 1px solid #32383f;
  border-left: 1px solid #32383f;
  border-bottom: 1px dotted #394048;
}
.bc-section-dark .bc-pricing tbody.bc-pricing-no-footer tr:last-child td {
  border-color: #32383f;
}
.bc-section-dark .bc-pricing tfoot th,
.bc-section-dark .bc-pricing tfoot td {
  background: #262c32;
  border-color: #32383f;
}
.bc-section-dark .bc-pricing .bc-pricing-title,
.bc-section-dark .bc-pricing .bc-pricing-currency,
.bc-section-dark .bc-pricing .bc-pricing-amount {
  color: #f1f4f6;
}
.bc-section-dark .bc-pricing .bc-pricing-period {
  color: #808d97;
}
.bc-section-dark .bc-pricing .bc-pricing-head-dark {
  background: #262c32 !important;
  border-color: #32383f !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-dark .bc-pricing-title,
.bc-section-dark .bc-pricing .bc-pricing-head-dark .bc-pricing-currency,
.bc-section-dark .bc-pricing .bc-pricing-head-dark .bc-pricing-amount {
  color: #f1f4f6 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-section-dark .bc-pricing .bc-pricing-head-dark .bc-pricing-period {
  color: #808d97 !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-turquoise {
  background: #0dc0c0 !important;
  color: #DCFAFC !important;
  border-color: #05b5b6 !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-turquoise .bc-pricing-title,
.bc-section-dark .bc-pricing .bc-pricing-head-turquoise .bc-pricing-currency,
.bc-section-dark .bc-pricing .bc-pricing-head-turquoise .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-section-dark .bc-pricing .bc-pricing-head-turquoise .bc-pricing-period {
  color: #DCFAFC !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-green {
  background: #18ba60 !important;
  color: #DAFCDB !important;
  border-color: #10a95b !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-green .bc-pricing-title,
.bc-section-dark .bc-pricing .bc-pricing-head-green .bc-pricing-currency,
.bc-section-dark .bc-pricing .bc-pricing-head-green .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-section-dark .bc-pricing .bc-pricing-head-green .bc-pricing-period {
  color: #DAFCDB !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-red {
  background: #e86343 !important;
  color: #FAE2DC !important;
  border-color: #dd5437 !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-red .bc-pricing-title,
.bc-section-dark .bc-pricing .bc-pricing-head-red .bc-pricing-currency,
.bc-section-dark .bc-pricing .bc-pricing-head-red .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-section-dark .bc-pricing .bc-pricing-head-red .bc-pricing-period {
  color: #FAE2DC !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-purple {
  background: #8463a9 !important;
  color: #decbea !important;
  border-color: #77579e !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-purple .bc-pricing-title,
.bc-section-dark .bc-pricing .bc-pricing-head-purple .bc-pricing-currency,
.bc-section-dark .bc-pricing .bc-pricing-head-purple .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-section-dark .bc-pricing .bc-pricing-head-purple .bc-pricing-period {
  color: #decbea !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-orange {
  background: #f58b3c !important;
  color: #FDEDD8 !important;
  border-color: #e97931 !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-orange .bc-pricing-title,
.bc-section-dark .bc-pricing .bc-pricing-head-orange .bc-pricing-currency,
.bc-section-dark .bc-pricing .bc-pricing-head-orange .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-section-dark .bc-pricing .bc-pricing-head-orange .bc-pricing-period {
  color: #FDEDD8 !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-lime {
  background: #86ba41 !important;
  color: #E8F8CC !important;
  border-color: #79b037 !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-lime .bc-pricing-title,
.bc-section-dark .bc-pricing .bc-pricing-head-lime .bc-pricing-currency,
.bc-section-dark .bc-pricing .bc-pricing-head-lime .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-section-dark .bc-pricing .bc-pricing-head-lime .bc-pricing-period {
  color: #E8F8CC !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-brown {
  background: #8f5340 !important;
  color: #f5ddbe !important;
  border-color: #824836 !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-brown .bc-pricing-title,
.bc-section-dark .bc-pricing .bc-pricing-head-brown .bc-pricing-currency,
.bc-section-dark .bc-pricing .bc-pricing-head-brown .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-section-dark .bc-pricing .bc-pricing-head-brown .bc-pricing-period {
  color: #f5ddbe !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-blue {
  background: #609ddb !important;
  color: #D6EBFA !important;
  border-color: #5491d5 !important;
}
.bc-section-dark .bc-pricing .bc-pricing-head-blue .bc-pricing-title,
.bc-section-dark .bc-pricing .bc-pricing-head-blue .bc-pricing-currency,
.bc-section-dark .bc-pricing .bc-pricing-head-blue .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-section-dark .bc-pricing .bc-pricing-head-blue .bc-pricing-period {
  color: #D6EBFA !important;
}
.bc-pricing .bc-pricing-head-base {
  background: #f58b3c !important;
  color: #FDEDD8 !important;
  border-color: #e97931 !important;
}
.bc-pricing .bc-pricing-head-base .bc-pricing-title,
.bc-pricing .bc-pricing-head-base .bc-pricing-currency,
.bc-pricing .bc-pricing-head-base .bc-pricing-amount {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.bc-pricing .bc-pricing-head-base .bc-pricing-period {
  color: #FDEDD8 !important;
}


/*********************
REV
*********************/

.product .rev_slider_wrapper img{
 max-width: inherit;   
}
.rs-before-after-addon {
	
	overflow: hidden !important;
	
}

.rs-before-after-addon .tparrows {
	
	z-index: 1000 !important;
	
}

.rs-addon-beforeafter-btn {

	position: absolute;
	display: table;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	z-index: 102;
	
}

.rs-addon-beforeafter-btn i {
	
	display: table-cell;
	vertical-align: middle;
	position: relative;
        color: rgb(22, 38, 66);
	
}

.rs-beforeafter-shift-arrows .rs-addon-beforeafter-btn i {
	
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;
	
}

.rs-addon-beforeafter-btn-vertical,
.rs-addon-beforeafter-btn-vertical i {
	
	display: block;
	
}

.rs-addon-beforeafter-line {
	
	display: block;
	position: absolute;
	z-index: 102;
	
}

.rs-addon-beforeafter-line.rs-beforeafter-horizontal {
	
	top: 0;
	height: 100%;
	
}

.rs-addon-beforeafter-line.rs-beforeafter-vertical {
	
	left: 0;
	width: 100%;
	
}

.rs-before-after-element {
	
	opacity: 0;
	visibility: hidden;
	
}

.rs-before-after-element,
.rs-before-after-element:before {
	
	-webkit-user-select: none;
	-moz-user-select: none;
    user-select: none;
	
}

.rs-addon-beforeafter-bg {
	
	opacity: 0;
	z-index: 999;
	
}

.rs-addon-beforeafter-bg,
.rs-addon-beforeafter-revealer,
.rs-addon-beforeafter-revealer .tp-loop-wrap {

	width: 100%;
    height: 100%;
        
}

.rs-addon-beforeafter-bg,
.rs-addon-beforeafter-revealer {
     
	position: absolute;
	overflow: hidden;
      
} 

.rs-addon-beforeafter-before {
	
	top: 0;
	left: 0;
	
}

.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-bg,
.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-after {
	
	top: 0;
	right: 0;
	
} 

.rs-addon-beforeafter-vertical .rs-addon-beforeafter-bg,
.rs-addon-beforeafter-vertical .rs-addon-beforeafter-after {
	
	bottom: 0;
	left: 0;
	
}

.rs-addon-beforeafter-bg,
.rs-addon-beforeafter-after {
	
	opacity: 0;
	
}

.rs-addon-beforeafter-inner,
.rs-addon-beforeafter-bg-inner  {
	
	position: absolute;
	width: 100%;
	height: 100%;
	
}

.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-inner,
.rs-addon-beforeafter-horizontal .rs-addon-beforeafter-bg-inner {
	
	right: 0;
	top: 0;
	
}

.rs-addon-beforeafter-vertical .rs-addon-beforeafter-inner,
.rs-addon-beforeafter-vertical .rs-addon-beforeafter-bg-inner {
	
	left: 0;
	bottom: 0;
	
}

.rs-video-beforeafter,
.rs-video-beforeafter .tp-mask-wrap {
	
	width: 100% !important;
	height: 100% !important;
	
}

.rs-before-after-addon:not(.before-after-carousel).dragging,
.rs-before-after-addon:not(.before-after-carousel).dragging *,
.rs-before-after-addon:not(.before-after-carousel).dragging .rs-addon-beforeafter-btn i:before {

    -webkit-user-select: none !important;
	-moz-user-select: none !important;
    user-select: none !important;
  
}

.rs-beforeafter-pointers,
.rs-beforeafter-pointers .rs-addon-beforeafter-inner {
	
	pointer-events: none;
	
}

.rs-beforeafter-pointers *:not(.rs-addon-beforeafter-inner) {
	
	pointer-events: auto;
	
}

.rs-beforeafter-pointers .rs-video-beforeafter,
.rs-beforeafter-pointers .rs-video-beforeafter * {
	
	pointer-events: none;
	
}






/*********************
RESPONSIVE
*********************/

@media (max-width: 1024px) {
    .feature-site .bc-padding-top-60 {
        
     padding-top: 0 !important;   
    }
    
    .services-menu .bc-icons-float li{
      padding: 0;
        border: 0;
    }
    .services-menu .bc-icons-float li a {
    padding: 15px 28px 20px 28px;
    }
  
     .mission .icon.align{
     	width: 55%;   
    }
    

.mission .icon.manage{
     	width: 45%;   
    }
    .mission.height .icon {
    height: 135px;

}
    .mission.height .bc-col-sm-5-cell .icon{
     	height: 105px;   
    }
    .mission.height .bc-col-sm-4 .icon{
     width: 30% ; 
     height: 110px;
    }
     .mission.height .bc-col-sm-3 .icon{
     width: 40% ; 
     height: 110px;
    }
    .mission.height .bc-col-sm-3 .icon.assess{
     	width: 60%   
    }
    .mission.height .bc-col-sm-5-cell .icon{
         width: 50% ; 
     height: 105px;
    }
    .mission.height .bc-col-sm-5-cell .icon.assess{
     	width: 70%;   
    }
     .mission.height .bc-col-sm-5-cell .icon.maximise{
     	width: 65%;   
    }
    .mission.height .bc-col-sm-5-cell .icon.manage{
            width: 43% ;
    padding-top: 5px;
    }
    
}

@media (max-width: 990px) {
}

@media (max-width: 768px) {
    .banner {
        margin-top: 0px;
        position: fixed;
        width: 100%;
        max-height: 90px;
        bottom: 0;
        margin-bottom: 0;
    }
    .menu-btn{
        position: absolute;
        top: 0;
        right: 10px;
        
    }
    .bc-row-lg .bc-row-block-logo img {
           max-height: 60px;
    }
    .logo {
    float: left !important;
    margin: 0 auto!important;
    display: inline-block;

}
    .mobile-links{
     margin: 5px 10px 0 10px;   
    }
    .mobile-links ul{
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .mobile-links ul li{
        display: inline-block;
        padding: 0;
        margin: 0 0 0 15px;
        float: left;
           
    }
    .mobile-links ul li span{
        position: absolute;
        text-indent: -5000px;
           
    }
    .mobile-links ul li a,
    .mobile-links ul li .menu-btn{
     display: block;
        color: rgb(255,255,255) !important;
        padding: 12px 13px;
        border: 1px solid rgb(8, 13, 23) !important;
        border-radius: 2px;
        margin: 0;
        position: relative;
        right: inherit !important;
        background: rgb(15, 26, 47);
    }	
    .mobile-links ul li i{
        font-size: 23px;

    }
  
    .bc-row-lg .bc-btn {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .content{
        padding-top: 0;
    }
    
    .welcome .bc-section-oj{
        padding: 20px 30px !important;
            min-height: 32em;
    max-height: 32em;
        
    }
    .welcome p{
     	padding: 0;
        margin: 0;
    }
    .welcome .lead-28{
        font-size: 21px;
        
    }
    .bc-slider-wrapper{
        margin-bottom: 0 !important;
        
    }
    .intro .buttons{
        padding-top: 0;
        
    }
    .bc-tabs-navigation li {
        display: inline-block;
        border: 2px solid #FFF;
        float: left;
        width: inherit;
        margin: 0 0 13px !important;
    }
    .bc-tabs-navigation  {
        display: table;
        margin: 0 auto;
    }
    .bc-tabs-navigation{
        padding-bottom: 20px;
        
    }
    .project h2{
        margin: 0;
        
    }
    .bc-no-margin-sm{
        margin: 0;
        
    }
    .bc-no-padding-top-sm{
        padding-top: 0 !important;
        
    }
    .bc-no-padding-bottom-sm{
        padding-bottom: 0 !important;
        
    }
    .bc-tabs-content p{
        margin-bottom: 0;
        
    }
    hr{
        display: block !important;
        clear: both;
        border: 0   
    }
	.bc-no-padding-bottom-sm-0{
        padding-bottom: 0px !important;
        
    }
    .bc-no-padding-top-sm-10{
        padding-top: 10px !important;
        
    }
    .bc-no-padding-top-sm-20{
        padding-top: 20px !important;
        
    }
    .bc-no-padding-top-sm-30{
        padding-top: 30px !important;
        
    }

    .bc-no-padding-bottom-sm-10{
        padding-bottom: 10px !important;
        
    }
    .bc-no-padding-bottom-sm-20{
        padding-bottom: 20px !important;
        
    }
    .bc-no-padding-bottom-sm-30{
        padding-bottom: 30px !important;
        
    }
    .bc-no-padding-bottom-sm-40{
        padding-bottom: 40px !important;
        
    }
    .bc-no-padding-bottom-sm-50{
        padding-bottom: 50px !important;
        
    }
    .bc-no-padding-bottom-sm-60{
        padding-bottom: 60px !important;
        
    }
    .bc-no-padding-top-sm-0{
        padding-top: 0px !important;
        
    }
     .bc-no-margin-top-sm-10{
        margin-top: 10px !important;
        
    }
    .bc-no-margin-top-sm-20{
        margin-top: 20px !important;
        
    }
    .bc-no-margin-top-sm-30{
        margin-top: 30px !important;
        
    }
    .bc-no-margin-top-sm-0{
        margin-top: 0px !important;
        
    }
     .bc-no-margin-bottom-sm-0{
        margin-bottom: 0px !important;
        
    }
    .bc-icons-float {
        text-align: center;
    }
    .bc-icons-float li {
    padding: 10px 8px;
        float: none;
    }
    .bc-left-text-sm{
     	text-align: left;   
    }
    .bc-right-text-sm{
     	text-align: right;   
    }
 
    .sharepoint-services .icon{
     	float: left;
        position: absolute;
    left: 0;
    }
    .sharepoint-services h3,
    .sharepoint-services p{
     	padding-left: 50px;   
    text-align: left !important;
    }
    .feature-site .bc-section{
     	padding-right: 0;   
    }
    h2, .h2 {
    font-size: 36px;
}
    .bc-weight-300-sm{
     	font-weight: 300;   
    }
    .bc-section-parallax.large .bc-section {
    padding-top: 90px;
    padding-bottom: 100px;
}
   .services-menu .bc-icons-float li {
           padding: 10px 12px;
    font-size: 12px;
    border: 0;
        
}
    .services-menu .bc-icons-float li a{
     	padding: 0;   
    }
    .feature-site .lead-18{
     	font-size: 15px;   
    }
    .feature-site .bc-btn-big {
    font-size: 14px;
    line-height: 17px;

}
.consulting .services-menu .bc-icons-float li:nth-child(6) a:after,
.design .services-menu .bc-icons-float li:nth-child(1) a:after,
.development .services-menu .bc-icons-float li:nth-child(3) a:after,
.dms .services-menu .bc-icons-float li:nth-child(5) a:after,
.migration .services-menu .bc-icons-float li:nth-child(2) a:after,
.governance .services-menu .bc-icons-float li:nth-child(4) a:after,
.training .services-menu .bc-icons-float li:nth-child(7) a:after,
.support .services-menu .bc-icons-float li:nth-child(8) a:after{
      bottom: -16px;
}
      .mission .icon.align{
     	width: 53%;   
    }
    .mission .icon.assess,
    .mission .icon.maximise{
     	width: 94%;   
    }
    .mission .icon.manage{
     	width: 60%;   
    }

.mission.height .bc-col-sm-4 .icon {
    width: 35%;
}
    .mission.height .bc-col-sm-4 .icon {
    height: 100px;
}
.mission.height .bc-col-sm-3 .icon{
     width: 55% ; 
     height: 110px;
    }
    .mission.height .bc-col-sm-3 .icon.assess{
     	width: 80%   
    }
        .mission.height .bc-col-sm-5-cell .icon{
          width: 60%;
    height: 90px;

    }
    .mission.height .bc-col-sm-5-cell .icon.assess{
     	width: 85%;   
    }
     .mission.height .bc-col-sm-5-cell .icon.maximise{
     	width: 80%;   
    }
     .mission.height .bc-col-sm-5-cell .icon.manage{
     	width: 53% ;   
    }
        .feature .bc-col-sm-6 {
    max-height: 16.0em;
    min-height: 16.0em;
}
}
@media (max-width: 700px) {
.services-menu .bc-icons-float li {
    padding: 10px 11px;
    font-size: 12px;
}
     .bc-icons-float {
     position: absolute;
     top: 0;
        width: 100%;
            margin: 0;
        padding: 0;
        z-index: 1;
            display: none;
        background: #FFF;
          
            
        
    }
    .bc-icons-float li{
     position: relative;
        display: block;
        
    }
   .services-menu .bc-icons-float li a, .services-menu .bc-icons-float li i {
    color: rgb(0,0,0);
}
    .services-menu .bc-icons-float li:nth-child(4) a,
    .services-menu .bc-icons-float li:nth-child(5) a,
    .services-menu .bc-icons-float li:nth-child(6) a,
    .services-menu .bc-icons-float li:nth-child(7) a,
    .services-menu .bc-icons-float li:nth-child(8) a{
     border-top: 0;   
    }
    .services-menu .bc-icons-float li:nth-child(7) a,
    .services-menu .bc-icons-float li:nth-child(8) a{
    border-bottom: 0;    
    
}
.services-menu{
	padding: 0;        
}
.services-menu.sp p{
    display: inline-block;
 	margin: 0;
    float: left;
    padding: 10px 0 10px 10px;
    font-size: 20px
}
.bc-icons-float i{
        display: block;
        margin-bottom: 10px;
        font-size: 24px;
        
    }
    .services-menu .bc-icons-float li {
    padding: 0;
    font-size: 12px;
        border: 0;
}
    .bc-icons-float li a{
     text-align: center;
    width: 33%;
    border: 0;
    font-size: 17px;
    margin: 2px;
    min-height: 110px;
    padding: 20px 0 0 0 !important;
    border: 1px solid #efefef;
    }
    .bc-icons-float li:last-child a {
    border-right: 1px solid #efefef !important; */
}
nav {
    position: relative;
    min-height: 3em;
    top: 54px;
}
.mobile-nav-button {
    width: 50px;
    float:right;
    padding: 10px;
    cursor: pointer;
    background: transparent;
    outline: none;
    border: none;
    position: relative;
    z-index: 99;
    border-left: 1px solid #000;
    line-height: 34px;
       
}
.nav-toggle:after  {
    content:'\f107';
    font-family: fontawesome;
    margin: 0;
    display: block;
    font-size: 30px;
    color: #FFF;
}
.nav-toggle-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.mobile-nav-button {
    display: block !important;
}
    .mobile-links{
     margin: 10px 10px 0 10px;   
    }
     .mobile-links ul li{
        margin: 0 0 0 10px;
           
    }
    .mobile-links ul li a,
    .mobile-links ul li .menu-btn{
        padding: 10px 10px;
    }	
    .mobile-links ul li i{
        font-size: 20px;

    }
    .consulting .services-menu .bc-icons-float li:nth-child(6) a:after,
.design .services-menu .bc-icons-float li:nth-child(1) a:after,
.development .services-menu .bc-icons-float li:nth-child(3) a:after,
.dms .services-menu .bc-icons-float li:nth-child(5) a:after,
.migration .services-menu .bc-icons-float li:nth-child(2) a:after,
.governance .services-menu .bc-icons-float li:nth-child(4) a:after,
.training .services-menu .bc-icons-float li:nth-child(7) a:after,
.support .services-menu .bc-icons-float li:nth-child(8) a:after{
      bottom: -1px;
}
    .mission.height .bc-col-sm-4 .icon,
     .mission.height .bc-col-sm-3 .icon,
     .mission.height .bc-col-sm-5-cell .icon{
    width: 15%;
}
    .mission.height .bc-col-sm-3 .icon.assess,
    .mission.height .bc-col-sm-5-cell .icon.assess,
    .mission.height .bc-col-sm-5-cell .icon.maximise{
     	width: 20%;   
    }
    .mission.height .bc-col-sm-5-cell .icon.manage{
     	width: 13% ;   
    }
    .mission.height .bc-col-sm-4 .icon,
     .mission.height .bc-col-sm-3 .icon,
     .mission.height .bc-col-sm-5-cell .icon{
    height: 110px;
}
    .footer .bc-list-links{
     float: none;
    display: table;
    margin: 0 auto;   
    }
.accrediation .bc-img-w img {
    max-width: 65%;
}
     .bc-no-padding-top-xs-10{
        padding-top: 10px !important;
        
    }
    .bc-no-padding-top-xs-15{
        padding-top: 15px !important;
        
    }
    .bc-no-padding-top-xs-20{
        padding-top: 20px !important;
        
    }
    .bc-no-padding-top-xs-30{
        padding-top: 30px !important;
        
    }
    .bc-no-padding-top-xs-40{
        padding-top: 40px !important;
        
    }
    .bc-no-padding-top-xs-0{
        padding-top: 0px !important;
        
    }
    .bc-no-padding-bottom-xs-0{
        padding-bottom: 0px !important;
        
    }
    .bc-no-padding-bottom-xs-10{
        padding-bottom: 10px !important;
        
    }
    .bc-no-padding-bottom-xs-20{
        padding-bottom: 20px !important;
        
    }
    .bc-no-padding-bottom-xs-30{
        padding-bottom: 30px !important;
        
    }
    .bc-no-padding-bottom-xs-40{
        padding-bottom: 40px !important;
        
    }
    .bc-no-padding-bottom-xs-50{
        padding-bottom: 50px !important;
        
    }
    .bc-no-padding-xs-0{
        padding: 0px !important;
        
    }
    .bc-no-margin-top-xs-10{
        margin-top: 10px !important;
        
    }
    .bc-no-margin-top-xs-20{
        margin-top: 20px !important;
        
    }
    .bc-no-margin-top-xs-30{
        margin-top: 30px !important;
        
    }
    .bc-no-margin-top-xs-0{
        margin-top: 0px !important;
        
    }
    .bc-no-margin-bottom-xs-10{
        margin-bottom: 10px !important;
        
    }
    .bc-no-margin-bottom-xs-20{
        margin-bottom: 20px !important;
        
    }
    .bc-no-margin-bottom-xs-30{
        margin-bottom: 30px !important;
        
    }
    .bc-no-margin-bottom-xs-0{
        margin-bottom: 0px !important;
        
    }
     .bc-no-margin-bottom-xs-0{
        margin-bottom: 0px !important;
        
    }
    .bc-padding-xs-10{
        padding: 10px;
        
    }
    
    .bc-center-text-xs{
     	text-align: center;   
    }

}
@media (max-width: 660px) {
    p, .footer li, .footer li a{
        
        font-size: 17px;
        line-height: 1.8em;
        
    }
    
    .splogo img {
    max-width: 25%;
}

    .banner .bc-section{
         padding-left: 10px;
    padding-right: 10px;   
    }
    .bc-center-text-xs{
     	text-align: center;   
    }
    .bc-tabs-content p{
        margin-bottom: 20px;
        
    }
    .bc-weight-300-xs{
     	font-weight: 300;   
    }
    .welcome .lead-28 {
        font-size: 31px;
    }
    .bc-tabs-content .bc-padding-bottom-20{
        padding-bottom: 0 !Important;
        
    }
    .project .bc-no-padding-right{
        padding-right: 15px !important;
        
    }
    .project .bc-no-padding-left{
        padding-left: 15px !important;
        
    }
    .accrediation .bc-img-w img {
        max-width: 80%;
        margin-bottom: 30px;
    }
    .accrediation .bc-img-w {
    	text-align: center;
    }
    .footer .bc-list-links li {
        display: block;
        list-style: none;
        float: none;
        padding: 0 .3em 0 .3em;
        text-align: center;
    }
    .footer .bc-list-links {
        float: none;
    }
    .footer .bc-list-links .bc-divider{
        display: none;
    }
    .footer .services{
        padding-bottom: 20px;
        
    }
   
     .feature-site .bc-section{
     	padding-right: 15px;   
    }

        .bc-section-parallax.large .bc-section {
    padding-top: 30px;
    padding-bottom: 50px;
}


 .bc-section-parallax.large h1 {
    font-size: 50px;
}
   

    .mission .icon{
     padding-bottom: 10px !important;   
    }

.mission.height .icon {
    height: inherit; 
        overflow: visible;
}
.mission.height .bc-col-sm-4 .icon,
    .mission.height .bc-col-sm-3 .icon,
     .mission.height .bc-col-sm-5-cell .icon{
    width: 30%;
         height: inherit;
}

    .mission.height .bc-col-sm-3 .icon.assess,
     .mission.height .bc-col-sm-5-cell .icon.assess,
    .mission.height .bc-col-sm-5-cell .icon.maximise{
     	width: 45%   
    }
 .mission.height .bc-col-sm-5-cell .icon.manage{
     	width: 23% ;   
    }
.feature .bc-col-sm-6 {
    max-height: 18em;
    overflow: hidden;
    min-height: 18em;
}
    .service-image .bc-img-w{
     	max-height:inherit;  
    }
}
    
@media (max-width: 440px) {

}

@media (max-width: 340px) {
    .btn {
    font-size: 12px;
    font-weight: 600;
}
    h2, .h2 {
    font-size: 33px;
}
    .mobile-links ul li {
    margin: 0 0 0 7px;
}
}