/* 
    Document   : colors
    Created on : 3 sept. 2012, 17:56:23
    Author     : shaylash
    Description:
        Purpose of the stylesheet follows.
*/


/* sqowe colors */

.sqowe-grey-header {
    background-color: #b2b3b2;
}


/*********************** BOOSTRAP CUSTOMIZATION ***********************/

.pagination {
    border-top: 1px solid #EAEAEA;
}


/* pagination */

.pagination ul>li>a,
.pagination ul>li>span {
    background-color: transparent;
    color: #ccd;
}

.pagination ul>li>a:hover,
.pagination ul>.active>span:hover {
    background-color: transparent;
    border-top: 2px solid #EAEAEA
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    background-color: transparent;
    color: #333;
    border-top: 2px solid #8E88A3
}


/*tabs*/

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover {
    background: none;
    border-bottom-color: #FAFAFA;
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover {
    border-right-color: #FAFAFA;
}


/*carousel*/

.carousel-control {
    color: #CFCFCF;
    background: #FAFAFA;
}

.carousel-control:hover {
    color: #8E88A3;
}

.nav>li>a:hover {
    background: transparent;
    color: #8E88A3!important;
}


/*accordion*/

a.accordion-toggle:link {
    color: #666;
}

a.accordion-toggle:hover {
    color: #8E88A3;
}


/*********************** END BOOSTRAP CUSTOMIZATION ***********************/


/*********************** TYPOGRAPHY ***********************/

body {
    color: #777;
    background: #FAFAFA;
}

blockquote {
    color: #454545;
}


/*typography*/

h3,
h4,
h5,
h6 {
    color: #222;
}

h1 {
    color: #fff;
}

h2 {
    color: #222;
}

h2.smallHeading {
    color: #8E88A3
}

.divider {
    background-color: #dadada;
    border-bottom: 1px solid #fff;
}

.divider span {
    background-color: #8E88A3;
}

.divider-lg {
    background-color: #dadada;
    border-bottom: 1px solid #fff;
}

.divider-lg span {
    background-color: #8E88A3;
}


/*********************** END TYPOGRAPHY ***********************/


/*********************** BUTTONS ***********************/

a {
    color: #8E88A3;
}

a:hover,
.scrollspyNav .active a {
    color: #8E88A3;
}

.btn {
    border: 0;
    box-shadow: none;
    background-image: none;
    background-color: #EEEEEE;
    border-radius: 0;
    font-weight: bold;
    padding: 10px 15px;
    text-shadow: none;
}

.btn:hover {
    background-color: #5B5377;
    color: white;
}

.btn:active {
    box-shadow: none;
}

.btn-danger {
    background-color: #f53d3d;
}

.btn-danger:hover {
    background-color: #570101;
}

a.btn-3d,
a.iconBtn {
    -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4);
    -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4);
    box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #DADADA));
    background: -moz-linear-gradient( center top, #fff 5%, #DADADA 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DADADA');
    background-color: #fff;
    color: #010101;
}

a.iconBtn {
    color: #777;
}

a.btn-3d:active {
    background-color: #fff;
}

.btn-3d:hover,
a.iconBtn:hover {
    -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4);
    -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4);
    box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4);
    background: #fff;
    color: #8E88A3;
}

.iconBtn i {
    color: #8E88A3;
}

.btnWrapper {
    background: #DDD;
    border: 1px solid #ccc;
}

.btnFlatHover {
    color: white !important;
    background: #4F6266 !important;
    border-color: #4F6266 !important;
}

.speBtnHover {
    color: #4F6266 !important;
    background-color: white!important;
}

#mapReturn,
#mapReturn:visited,
#mapReturn:active,
#mapReturn:link {
    color: #8E88A3;
}

#mapReturn:hover {
    color: #4F6266;
}

a.iconWrapper:hover {
    background-color: #777777;
    color: white;
}


/*********************** END BUTTONS ***********************/


/*********************** MAIN MENU ***********************/


/*dark menu*/

#mainHeader .navbar-inner {
    background: #454545;
}

.navbar {
    border-bottom: 1px solid #111
}

#mainMenu a {
    color: black;
}


/*white menu*/

#mainHeader .navbar-inner {
    background: #fff;
}

.navbar {
    border-bottom: 1px solid #ddd
}

#mainMenu ul ul {
    color: black;
    background-color: white;
}

.openhab-online {
    background: #e0f0d5;
}

.openhab-online:hover {
    background: #7edf3e;
}

.openhab-offline {
    background: #e7baba;
}

.openhab-offline:hover {
    background: #f57474;
}

#mainMenu ul li .active,
#mainMenu ul li.Shover:not(.openhab-offline):not(.openhab-online)>a {
    color: white;
    background: #8e88a3;
}

#mainMenu ul li.hover>a,
#mainMenu ul li.hover>a.hasSubMenu {
    color: white;
    background: #5B5377;
}


/*********************** END MAIN MENU ***********************/


/*********************** FOOTER ***********************/

.footer2 {
    color: #FFF;
    background: #8E88A3;
}

#footer h2 {
    color: #BBBBBB;
}

#footer .divider {
    border: none;
    background: #777;
}


/*********************** END FOOTER ***********************/


/*********************** SLIDERS ***********************/

.bgNoSlider {
    border-top: 1px solid #40b6b6;
}


/*CAMERA*/

.camera_prevThumbs,
.camera_nextThumbs,
.camera_prev,
.camera_next,
.camera_commands,
.camera_thumbs_cont {
    background-color: #8E88A3;
}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent>span,
.camera_wrap .camera_pag .camera_pag_ul li:hover>span {
    background-color: #8E88A3;
}

.camera_thumbs_cont,
.camera_wrap .camera_pag .camera_pag_ul li {
    background-color: #EDEDED;
}


/*FLEX*/

.slides .txt div {
    background: #444;
    color: #FFFFFF;
}

#sliderWrapper .flex-control-paging li a.flex-active {
    background: #8E88A3;
}

.flexslider .flex-control-paging li a:hover {
    background: #8E88A3
}

.flexslider .flex-control-paging li a {
    background: #ededed;
    border: 3px solid #ededed;
}

.flex-control-nav {
    background: #fff;
}


/*REVOLUTION SLIDER*/

.tp-bullets.simplebullets.round .bullet {
    background: #ededed;
    border: 4px solid #ededed;
    opacity: 0.8;
}

.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
    background: #8E88A3;
    border: 4px solid #fff;
    /*border:1px solid #FFF;*/
}

#bgSliderBloc {
    background: #ED4700;
    background: #666;
}

.caption h2,
#noSliderWrapper h2,
h1 {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(11, 11, 11, .5);
}

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

.captionBloc {
    background: #8E88A3;
    color: #FFFFFF;
}


/*dark text*/


/*
.fullwidthbanner h3 {
color:#454545;
}
.fullwidthbanner h3 i {color:#8E88A3}
*/


/*light text*/

.fullwidthbanner h3 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    color: white;
}


/* sequence */

#sequenceSliderWrapper {
    background-color: #8E88A3;
}


/*********************** END SLIDERS ***********************/


/*********************** BLOG ***********************/

.postDate {
    background-color: #8E88A3;
    color: white;
}

ul.entry-meta {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}

#blogHeader h1 {
    color: white;
}

.blog .widget ul li a {
    color: #999
}

.blog .widget ul li a:hover {
    color: #4F6266;
}

.blog .blogTags ul li a {
    background-color: #ccc;
    color: white;
}

.blog .blogTags ul li a.w1 {
    background-color: #333333;
}

.blog .blogTags ul li a.w2 {
    background-color: #666666;
}

.blog .blogTags ul li a.w3 {
    background-color: #CCCCCC;
}

.blog .blogTags ul li a:hover {
    background-color: #4F6266;
    color: white;
}

.blog article h2 {
    color: #777;
}

.blogPostContent .comments {
    background-color: #ededed;
}


/* PAGINATION */

#pagination .active {
    color: #999;
}

#pagination a:hover {
    background-color: #B5C4CB;
    color: white;
}


/*********************** END BLOG ***********************/


/*********************** PAGES ***********************/

#content {
    border-top: 1px solid #E1E1E1;
}


/* NAV TRAIL */

#navTrail {
    color: black;
}

#navTrail a:link,
#navTrail a:visited {
    color: white;
}

#navTrail span {
    color: white;
}


/*sidebar*/

#sidebar #subnav ul li a {
    color: #666;
}

#sidebar #subnav ul li a.active,
#sidebar #subnav ul li a:hover {
    color: #8E88A3;
}

#widgetArea .widget {
    background-color: #EEEEEE;
}

#sidebar #subnav li:first-child {
    border-top: 1px solid #EAEAEA;
}

#sidebar #subnav li {
    border-bottom: 1px solid #EAEAEA;
}


/* TEAM PAGE */

.people h3 {
    background-color: #e6eaec;
}

.people h2 {
    background-color: #e6eaec;
}

.people h2 span {
    color: #999999;
}


/* testimonial*/

.testimonial blockquote {
    background: white;
    color: #777;
}

.arrowTestimonial {
    border-right-color: white;
}

.newsletter .result .error {
    color: red
}

.newsletter .result .success {
    color: green
}


/*********************** END PAGES ***********************/


/*********************** PORTFOLIO ***********************/


/*PORTFOLIO FILTER*/

nav#filter a:link,
nav#filter a:visited {
    color: #ADADAD;
}

nav#filter a:hover,
nav#filter a.current {
    color: #4F6266;
}

li.filterTitle {
    color: #4F6266;
}

section#projectDescription {
    background-color: #F8F8F8
}


/*PORTFOLIO */

.portfolio #sidebar #subnav a.current {
    color: #8E88A3;
}

.PortfolioStickyMenu a:link {
    color: #666;
}

.PortfolioStickyMenu a:hover {
    color: #4F6266;
}

.scrollElement .pInfo {}

.scrollElement .pInfo a:hover {
    color: #4F6266;
}

nav.navigate a {
    background-color: #CFCFCF;
    color: #eee;
}

nav.navigate a:hover {
    background-color: #8E88A3;
    color: white;
}

#projectsNavAlt ul li a {
    color: #999;
}

#projectsNavAlt ul li a:hover {
    color: #111;
}


/*********************** END PORTFOLIO ***********************/


/*********************** MISCELANIOUS ***********************/

.headerPage,
.bgNoSlider,
.bgSlider,
#sliderWrapperRS,
#blogHeader {
    background: #8E88A3;
}

#videoSliceWrapper {
    background: url(../img/textures/bg-texture-video.png) no-repeat #222;
}

.focus {
    background: #f8f8f8;
}

.topQuote {
    background-color: #EBEBEB;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.topQuote h1 {
    color: #454545;
    text-shadow: none;
}

.topQuote strong {
    font-weight: 400;
    color: #8E88A3
}

.topBox,
.blockBox {
    background: #fff;
    border: 1px solid #DBDBDB;
}

.topBox {
    border-top: none;
}

.topBox blockquote p {
    color: #777;
}


/*SIMPLE DIVIDER*/

hr {
    border-bottom: 1px solid #ededed;
}


/* IMAGES*/

.imgWrapper {
    border-bottom: 0.5em solid #8E88A3;
}


/*.view:hover, .view:visited, .view:active { color: #EEE; }

.view span {
    color:#444;
    background:#fff;
}*/


/*SOCIAL ICONS*/

a.socialIcon {
    color: #999;
    background-color: transparent;
}

a.socialIcon:hover,
.socialHoverClass {
    color: #8E88A3;
}


/**** Big ICONs ***/

.iconWrapper,
.bigIconLink a {
    background-color: #8E88A3;
    color: white;
    opacity: 0.95;
}


/** ROLLOVER BIG ICON **/

.ch-info h3,
.ch-info p {
    color: #fff;
}

.ch-info p a {
    color: #fff;
    color: rgba(255, 255, 255, 1);
}

.ch-info p a:hover {
    color: #fff;
    color: rgba(255, 255, 255, 1);
}

.ch-item:hover {
    box-shadow: inset 0 0 0 110px #8E88A3;
}

.iconBig {
    background: #f9f9f9;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #f9f9f9 0%, #d8d8d8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #d8d8d8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #d8d8d8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #d8d8d8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #d8d8d8 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%, #d8d8d8 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8', GradientType=0);
    /* IE6-8 */
    color: #8E88A3;
    border: 1px solid #EDEDED;
}


/* ICON LINK */

.iconLink {
    border: 11px solid #eee;
}


/*PRICING TABLE*/

table.pricingBloc th {
    background: #eee;
}

table.pricingBloc td.cost {
    background: #ddd
}

table.pricingBloc h2 {
    color: #FBFBFB;
}

table.pricingBloc .line1 {
    background-color: #e4e4e4;
}

table.pricingBloc .line2 {
    /*background-color:#fff;*/
}

.sign {
    background-color: #ededed;
}

table.pricingBlocFocus h2,
table.pricingBlocFocus th {
    color: white;
}

table.pricingBlocFocus th {
    background: #666
}

table.pricingBlocFocus td.cost {
    background: #8E88A3
}

table.pricingBlocFocus .sign {
    background-color: #8E88A3;
}


/* call To Action */

.callToActionBoxed {
    background-color: #EBEBEB;
    border: 1px solid #ccc;
    -moz-box-shadow: inset 0px 0px 10px 0px #D6D6D6;
    -webkit-box-shadow: inset 0px 0px 10px 0px #D6D6D6;
    -o-box-shadow: inset 0px 0px 10px 0px #D6D6D6;
    box-shadow: inset 0px 0px 10px 0px #D6D6D6;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.callToActionBoxed h2,
.callToActionBoxed h3 {
    color: #666666
}


/*BOXES */

.boxWrapper {
    background-color: #EAEAEA;
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}

.boxWrapper h2,
.boxWrapper h3 {
    background-color: #FBFBFB;
    color: #777;
}


/* TABLE */

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th,
.table-hover tbody tr:hover td a {
    background-color: #4F6266 !important;
    color: white;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #F5F5F5;
}


/*CAROUSEL*/

.carousel-inner article {
    border: 1px solid #ccc;
}

.projectInfo {
    background: #f5f5f5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0);
    /* IE6-8 */
    border-top: 1px solid #DBDBDB;
}


/* BACK TO TOP */

a#to-top:hover {
    background-color: #8E88A3;
    color: white;
}

#to-top {
    background-color: #777;
}


/*********************** END MISCELANIOUS ***********************/