/* que venham os blocos */
@import url("block/blocos.css");

/*@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/oswald-bold-webfont.woff2') format('woff2'),
    url('fonts/oswald-bold-webfont.woff') format('woff'),
    url('fonts/oswald-bold-webfont.ttf') format('truetype'),
    url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldextralight';
    src: url('fonts/oswald-extralight-webfont.eot');
    src: url('fonts/oswald-extralight-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/oswald-extralight-webfont.woff2') format('woff2'),
    url('fonts/oswald-extralight-webfont.woff') format('woff'),
    url('fonts/oswald-extralight-webfont.ttf') format('truetype'),
    url('fonts/oswald-extralight-webfont.svg#oswaldextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oswald-light-webfont.eot');
    src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/oswald-light-webfont.woff2') format('woff2'),
    url('fonts/oswald-light-webfont.woff') format('woff'),
    url('fonts/oswald-light-webfont.ttf') format('truetype'),
    url('fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldmedium';
    src: url('fonts/oswald-medium-webfont.eot');
    src: url('fonts/oswald-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/oswald-medium-webfont.woff2') format('woff2'),
    url('fonts/oswald-medium-webfont.woff') format('woff'),
    url('fonts/oswald-medium-webfont.ttf') format('truetype'),
    url('fonts/oswald-medium-webfont.svg#oswaldmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/oswald-regular-webfont.woff2') format('woff2'),
    url('fonts/oswald-regular-webfont.woff') format('woff'),
    url('fonts/oswald-regular-webfont.ttf') format('truetype'),
    url('fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/* /que venham os blocos */
.not-item-link-destaque {
    font-weight: 700;
}

body {
    padding-top: 5px;
    margin-top: 45px;
    background: #141b66;
    background: -moz-linear-gradient(top, #141b66 0%, #89d2ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141b66), color-stop(100%, #89d2ff));
    background: -webkit-linear-gradient(top, #141b66 0%, #89d2ff 100%);
    background: -o-linear-gradient(top, #141b66 0%, #89d2ff 100%);
    background: -ms-linear-gradient(top, #141b66 0%, #89d2ff 100%);
    background: linear-gradient(to bottom, #141b66 0%, #89d2ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#141b66', endColorstr='#89d2ff', GradientType=0);
}

/* gambetinha pra limpar o placeholder no foco */
input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

input:focus::-moz-placeholder {
    color: transparent !important;
}

input:focus:-moz-placeholder {
    color: transparent !important;
}

/* /gambetinha pra limpar o placeholder no foco */

/* header da bagaça */
#headerCBKI, #headerCBKIHome {
    position: relative;
    background: #fff;
    padding-top: 10px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    font-weight: 700;
    text-shadow: none;
}

.navbar-default .navbar-text {
    color: #000;
}

#header01, #header02 {
    text-align: center;
}

#header05 {
    margin-bottom: 15px;
}

#navHorizontal {
    margin-top: 30px;
}

/* links do topo */
.btn-topo {
    color: #fff;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin: 8px 0 0 80px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-topo:hover {
    text-decoration: none;
    color: #999 !important;
}

/* /links do topo */

a#logotipoCBKI {
    text-indent: -9999em;
    display: block;
    height: 100px;
    /*width: 298px;*/
    position: relative;
    background: url('../../imagem/180/100/logotipo.png') no-repeat top left;
}

.h2Slogan {
    font-size: 1em;
    font-style: italic;
    margin: 0;
    font-weight: 600;
    position: relative;
    text-align: left;
}

/* formulario de busca no topo */
.divFormBusca form {
    position: relative;
    border: none;
    float: none;
    width: 100%;
    height: 35px;
    margin: 8px 0;
}

.divFormBusca {
    position: relative;
}

.inputBusca {
    vertical-align: top;
    border: none !important;
    font-size: 14px;
    line-height: 20px;
    height: 35px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    padding: 7px 47px 8px 10px;
    width: 100%;
    background: #ededed !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.divFormBusca .btn-primary {
    width: 38px;
    height: 35px;
    background: url(images/search_btn.png) 0 0 no-repeat;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    text-indent: -1000px;
    filter: none;
    overflow: hidden;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.divFormBusca .btn-primary:hover {
    background: url(images/search_btn.png) right 0 no-repeat;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.divFormBusca .btn-primary:visited, .divFormBusca .btn-primary:focus {
    background: url(images/search_btn.png) right 0 no-repeat;
    box-shadow: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/* /formulario de busca no topo */

/* menu horizontal*/
.subMenu2 {
    font-style: italic;
}

.dropdown-menu {
    -webkit-border-radius: 0px 0px 10px 10px !important;
    border-radius: 0px 0px 10px 10px !important;
}

/* /menu horizontal*/

/* banner slideshow do topo */
.camera_pag {
    -moz-box-sizing: border-box;
    background-color: #252525;
    background-image: linear-gradient(to bottom, #2F2F2F, #171717);
    background-repeat: repeat-x;
    display: block;
    height: 38px;
    padding: 11px 0 10px;
    position: relative;
    width: 100%;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

ul.camera_pag_ul li {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    float: none;
    height: 16px;
    margin: 0 3px !important;
    padding: 0;
    width: 16px;
}

/* /banner slideshow do topo */

/* corpo do site */
#siteContainer {
    overflow: hidden;

}

#rowSiteBody {
    background: #fff;
}

h1.titulo {
    border-bottom: 3px double #3D3D3D;
    padding-left: 10px;
    font-size: 1.8em;
    margin: 20px 0 20px 0;
    font-weight: 700;
    font-variant: small-caps;
    color: #3D3D3D;
}

h2.subtitulo {
    border-bottom: 3px double #3D3D3D;
    padding-left: 10px;
    font-size: 1.4em;
    margin-bottom: 20px;
    font-weight: 700;
    font-variant: small-caps;
    color: #3D3D3D;
}

/* /corpo do site */

/* /header da bagaça */

/* css sombras*/
.sombraBranca {
    -webkit-box-shadow: 1px 1px 10px 1px #fff;
    box-shadow: 1px 1px 10px 1px #fff;
}

.sombraBrancaHover:hover {
    -webkit-box-shadow: 1px 1px 10px 1px #fff;
    box-shadow: 1px 1px 10px 1px #fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/* /css sombras*/

/* bootstrap novos botoes */
/*preto*/
.btn-inverse {
    background-color: #3C3C3C;
    border-color: #3C3C3C;
    color: #fff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active {
    background-color: #6B6B6B;
    border-color: #6B6B6B;
    color: #fff !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.btn-inverse.disabled:hover,
.btn-inverse.disabled:focus,
.btn-inverse.disabled:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled]:hover,
.btn-inverse[disabled]:focus,
.btn-inverse[disabled]:active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse:hover,
fieldset[disabled] .btn-inverse:focus,
fieldset[disabled] .btn-inverse:active,
fieldset[disabled] .btn-inverse.active {
    background-color: #3C3C3C;
    border-color: #3C3C3C;
    color: #fff;
}

/* /bootstrap novos botoes */

/* controle admin dos blocos no frontend*/
.admMenu {
    position: relative;
    z-index: 9999;
    float: right;
    display: none;
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(50%, #2989d8), color-stop(51%, #207cca), color-stop(100%, #7db9e8));
    background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -o-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -ms-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
    -webkit-box-shadow: 1px 1px 10px 2px #000000;
    box-shadow: 1px 1px 10px 2px #000000;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

/* /controle admin dos blocos no frontend*/

/* breadcrumb do site */

.site-breadcrumb {
    /*centering*/
    display: inline-block;
    background: transparent;
    overflow: hidden;
    border-radius: 5px;
    /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
    width: 100%;
    margin: 0px;
    padding: 5px;
    display: block;
    position: relative;

}

.site-breadcrumb a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 0.9em;
    line-height: 20px;
    color: #dd0b1b;
    /*need more margin on the left of links to accomodate the numbers*/
    padding: 0 5px 0 20px;
    background: transparent;
    position: relative;
}

.site-breadcrumb a:first-child {
    padding-left: 0;
}

/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.site-breadcrumb a:first-child {
    border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}

.site-breadcrumb a:first-child:before {
}

.site-breadcrumb a:last-child {
    padding-right: 20px;
}

/*hover/active styles*/
.site-breadcrumb a.active, .site-breadcrumb a:hover {
    background: transparent;
    color: #777;
}

.site-breadcrumb a.active:after, .site-breadcrumb a:hover:after {
    background: transparent;
}

/*adding the arrows for the ped-breadcrumbs using rotated pseudo elements*/
.site-breadcrumb a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -15px; /*half of square's length*/
    /*same dimension as the line-height of .ped-breadcrumb a */
    width: 20px;
    height: 20px;
    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's:
    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
    if diagonal required = 1; length = 1/1.414 = 0.707*/
    transform: scale(0.707) rotate(45deg);
    -webkit-transform: scale(0.707) rotate(45deg);
    -ms-transform: scale(0.707) rotate(45deg);
    border: 1px 1px 0 0;
    border-style: solid;
    border-top-color: #dd0b1b;
    border-right-color: #dd0b1b;
    border-left-color: transparent;
    border-bottom-color: transparent;
    /*we need to prevent the arrows from getting buried under the next link*/
    z-index: 1;
    /*background same as links but the gradient will be rotated to compensate with the transform applied*/
    background: transparent;
    /*stylish arrow design using box shadow*/
    /*
        5px - for rounded arrows and
        50px - to prevent hover glitches on the border created using shadows*/
    border-radius: 0 5px 0 50px;
}

/*we dont need an arrow after the last link*/
.site-breadcrumb a:last-child:after {
    border: 0;
}

#leftcolumn {
    padding: 0 15px 0 0 !important;
}

/*we will use the :before element to show numbers*/

/* fim breadcrumb do site */

/*footer*/
#layoutFooter {
    background: #18216B;
    margin-top: 30px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

}
#layoutFooter a {
    color: #FFF;
}

#layoutFooter a:hover {
    text-decoration: none;
    color: #999;
}

h4.footer-Titulo {
    margin: 10px 0 0 0;
    color: #f2f2f2;
    font-variant: small-caps;
    font-weight: 600;
    font-size: 1.1em;

}

ul.footer-ul {
    list-style: none;
    list-style-position: outside;
    margin: 10px 0 10px 0;
    padding: 0 0 0 15px;
}

#footerFdp {
    padding: 10px 0;
    background: #FFF;
}

#footerFdp a.fdp {
    display: block;
    background: url('images/formas-de-pagamento.png');
    float: left;
    height: 36px;
    margin: 5px 10px 0 0;
    text-indent: -9999em;
}

#footerFdp a.visa {
    background-position: 0 0;
    width: 116px;
}

#footerFdp a.mastercard {
    background-position: -116px 0;
    width: 62px;
}

#footerFdp a.aura {
    background-position: -178px 0;
    width: 54px;
}

#footerFdp a.amex {
    background-position: -232px 0;
    width: 58px;
}

#footerFdp a.diners {
    background-position: -290px 0;
    width: 45px;
}

#footerFdp a.hipercard {
    background-position: -335px 0;
    width: 81px;
}

#footerFdp a.boleto {
    background-position: -416px 0;
    width: 43px;
}

#footerFdp a.itau {
    background-position: -459px 0;
    width: 37px;
}

h4.footer-fdp {
    padding: 5px 0 0 0;
    margin: 0;
    color: #333;
    font-variant: small-caps;
    font-weight: 600;
    font-size: 1em;
}

.devByEgas {
    background: url('images/poweredByEshop.png') no-repeat top center;
    width: 106px;
    height: 41px;
    display: block;
    text-indent: -9999em;
    float: right;
}

.footerTxt {
    color: #f2f2f2;
    text-align: center;
    font-size: 0.8em;
    padding: 5px 0;
}

/*/footer*/


/* regras para responsive */
@media only screen and (min-width: 800px) {
    #header02 {
        text-align: left !important;
    }

    #header01 {
        text-align: right;
    }

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

}

/*facebook responsivo*/
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* css da listagem */
.table-listagem {
    font-size: 0.8em;
}

/* /css da listagem */

/* personalização do sistem msg */
.ui-pnotify-text {
    font-size: 1.4em !important;

}

/* fim personalização do sistem msg */

/* navbar admin */
.navbar-admin {
    background-color: #2D4D98;
    border-color: #2D4D98;
    max-height: 28px !important;
    height: 28px;
    min-height: 28px;
}

.navbar-admin .navbar-brand {
    color: #f2f2f2;
    height: 25px;
}

.navbar-admin .navbar-brand:hover, .navbar-admin .navbar-brand:focus {
    color: #ffffff;
}

.navbar-admin .navbar-text {
    color: #f2f2f2;
}

.navbar-admin .navbar-nav > li > a {
    color: #f2f2f2;
    padding: 0px 11px;
    line-height: 25px;
}

.navbar-admin .navbar-btn.btn-xs {
    margin: 0 5px;
}

.navbar-admin .navbar-text {
    margin: 5px;
}

.navbar-admin .navbar-nav > li > a:hover, .navbar-admin .navbar-nav > li > a:focus {
    color: #ffffff;
}

.navbar-admin .navbar-nav > .active > a, .navbar-admin .navbar-nav > .active > a:hover, .navbar-admin .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #5675BF;
}

.navbar-admin .navbar-nav > .open > a, .navbar-admin .navbar-nav > .open > a:hover, .navbar-admin .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #5675BF;
}

.navbar-admin .navbar-toggle {
    border-color: #5675BF;
}

.navbar-admin .navbar-toggle:hover, .navbar-admin .navbar-toggle:focus {
    background-color: #5675BF;
}

.navbar-admin .navbar-toggle .icon-bar {
    background-color: #f2f2f2;
}

.navbar-admin .navbar-collapse,
.navbar-admin .navbar-form {
    border-color: #f2f2f2;
}

.navbar-admin .navbar-link {
    color: #f2f2f2;
}

.navbar-admin .navbar-link:hover {
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-admin .navbar-nav .open .dropdown-menu > li > a {
        color: #f2f2f2;
    }

    .navbar-admin .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-admin .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
    }

    .navbar-admin .navbar-nav .open .dropdown-menu > .active > a, .navbar-admin .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-admin .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #5675BF;
    }
}

.menu-admin {
    background: #940000;
}

.menu-admin:hover {
    background: #940000;
}

.navbar-cbki .navbar-nav li > a:hover {
    background-color: #5675BF;
}

/* fim navbar admin */

/* navbar cbki */
.navbar-cbki {
    background-color: #344e96;
    border-color: #061164;
}

.navbar-cbki .navbar-brand {
    color: #bbbbbb;
}

.navbar-cbki .navbar-brand:hover, .navbar-cbki .navbar-brand:focus {
    color: #ffffff;
}

.navbar-cbki .navbar-text {
    color: #bbbbbb;
}

.navbar-cbki .navbar-nav > li > a {
    color: #bbbbbb;
}

.navbar-cbki .navbar-nav > li > a:hover, .navbar-cbki .navbar-nav > li > a:focus {
    color: #ffffff;
}

.navbar-cbki .navbar-nav > .active > a, .navbar-cbki .navbar-nav > .active > a:hover, .navbar-cbki .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #061164;
}

.navbar-cbki .navbar-nav > .open > a, .navbar-cbki .navbar-nav > .open > a:hover, .navbar-cbki .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #061164;
}

.navbar-cbki .navbar-toggle {
    border-color: #061164;
}

.navbar-cbki .navbar-toggle:hover, .navbar-cbki .navbar-toggle:focus {
    background-color: #061164;
}

.navbar-cbki .navbar-toggle .icon-bar {
    background-color: #bbbbbb;
}

.navbar-cbki .navbar-collapse,
.navbar-cbki .navbar-form {
    border-color: #bbbbbb;
}

.navbar-cbki .navbar-link {
    color: #bbbbbb;
}

.navbar-cbki .navbar-link:hover {
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-cbki .navbar-nav .open .dropdown-menu > li > a {
        color: #bbbbbb;
    }

    .navbar-cbki .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-cbki .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
    }

    .navbar-cbki .navbar-nav .open .dropdown-menu > .active > a, .navbar-cbki .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-cbki .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #061164;
    }
}

.navbar-cbki .navbar-nav li > a:hover {
    background-color: #061164;
}

/* fim navbar cbki */

.no-wrap {
    white-space: nowrap !important;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-top: 0;
}

.azular {
    background: #00F !important;
    color: #FFF !important;
}

/* breadcrumb do site */

.site-breadcrumb {
    /*centering*/
    display: inline-block;
    background: transparent;
    overflow: hidden;
    border-radius: 5px;
    /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
    width: 100%;
    margin: 0px;
    padding: 5px;
    display: block;
    position: relative;

}

.site-breadcrumb a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 0.9em;
    line-height: 20px;
    color: #dd0b1b;
    /*need more margin on the left of links to accomodate the numbers*/
    padding: 0 5px 0 20px;
    background: transparent;
    position: relative;
}

.site-breadcrumb a:first-child {
    padding-left: 0;
}

/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.site-breadcrumb a:first-child {
    border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}

.site-breadcrumb a:first-child:before {
}

.site-breadcrumb a:last-child {
    padding-right: 20px;
}

/*hover/active styles*/
.site-breadcrumb a.active, .site-breadcrumb a:hover {
    background: transparent;
    color: #777;
}

.site-breadcrumb a.active:after, .site-breadcrumb a:hover:after {
    background: transparent;
}

/*adding the arrows for the ped-breadcrumbs using rotated pseudo elements*/
.site-breadcrumb a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -15px; /*half of square's length*/
    /*same dimension as the line-height of .ped-breadcrumb a */
    width: 20px;
    height: 20px;
    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's:
    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
    if diagonal required = 1; length = 1/1.414 = 0.707*/
    transform: scale(0.707) rotate(45deg);
    -webkit-transform: scale(0.707) rotate(45deg);
    -ms-transform: scale(0.707) rotate(45deg);
    border: 1px 1px 0 0;
    border-style: solid;
    border-top-color: #dd0b1b;
    border-right-color: #dd0b1b;
    border-left-color: transparent;
    border-bottom-color: transparent;
    /*we need to prevent the arrows from getting buried under the next link*/
    z-index: 1;
    /*background same as links but the gradient will be rotated to compensate with the transform applied*/
    background: transparent;
    /*stylish arrow design using box shadow*/
    /*
        5px - for rounded arrows and
        50px - to prevent hover glitches on the border created using shadows*/
    border-radius: 0 5px 0 50px;
}

/*we dont need an arrow after the last link*/
.site-breadcrumb a:last-child:after {
    border: 0;
}

#leftcolumn {
    padding: 0 15px 0 0 !important;
}

/*we will use the :before element to show numbers*/

/* fim breadcrumb do site */

/*
Document   : layout
Author     : Little Neko
Description: layout styles

*/

/* Table of Content
==================================================

#BOOSTRAP CUSTOMIZATION
#NEKO CSS FRAMEWORK
#TYPOGRAPHY
#GENERAL
#PARALLAX STUFF
#HEADER
#MAIN MENU
#FOOTER
#SLIDERS
#BLOG
#NEWS
#PAGES
#PORTFOLIO
#FORMS
#TIMELINE
#MISCELANIOUS

*/

/* BOOSTRAP CUSTOMIZATION
================================================== */
.navbar {
    margin-bottom: 0;
}


.navbar > .container .navbar-brand {
    margin-left: 15px;
}

.nav.nav-tabs {
    margin-bottom: 22px;
}

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

.container .jumbotron {
    border-radius: 0;
}

.jumbotron h1 {
    text-align: left;
}

/*forms*/
.form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.error {
    padding: 5px;
    margin-bottom: 20px;
    display: block;
}


/*** MEDIA QUERIES ***/
.img-circle {
    width: 140px;
    height: 140px;
}

@media (max-width: 767px) {


}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand {
        margin-left: 0;
    }

    .navbar-collapse {
        padding-right: 0;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        margin-bottom: 0;
    }
}

#homeCarousel {
    margin: 0;
}

@media (min-width: 992px) {


    #homeCarousel {
        margin: 0;
    }
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/

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

/* NEKO CSS FRAMEWORK
================================================== */
/*** lists ***/
/* icons */
.iconList li:before {
    content: '\e818';
    font-family: 'custom-icons';
    font-size: 10px;
    text-align: left;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-right: 10px;
    line-height: 1em;
}

.iconList li {
    padding: 5px;
}

/* borde */
.borderList li {
    border-bottom: 1px solid rgba(125, 125, 125, 0.5);
}

/*** icons ***/
.iconRounded {
    border-radius: 8px;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 18px;
}

.iconRounded:before {
    margin: auto;
    text-align: center;
    line-height: 40px;
}

.iconBig {
    font-size: 66px;
}

.iconBig.iconRounded {
    width: 130px;
    height: 130px;
}

.iconBig.iconRounded:before {
    line-height: 130px;
}

.iconMedium {
    font-size: 44px;
}

.iconMedium.iconRounded {
    width: 75px;
    height: 75px;
}

.iconMedium.iconRounded:before {
    line-height: 75px;
}

.iconSmall {
    font-size: 14px;
}

.iconSmall.iconRounded {
    width: 33px;
    height: 33px;
}

.iconSmall.iconRounded:before {
    line-height: 33px;
}

/*** icon Headings ***/
.iconBlocHeading {
    position: relative;
    padding-left: 50px;
}

.iconBlocHeading i {
    position: absolute;
    left: 0;
}

.iconBlocHeading h2 {
    display: block;
}

.iconBlocHeading h3 {
    display: block;
}

/*** boxes ***/
.boxFeature {
    margin-bottom: 33px;
}

.boxContent {
    padding: 22px;
}

.boxFocus {
    padding: 22px;
}

.boxIconServices {
    text-align: center
}

.boxIconServices i {
    margin: 0 auto 22px auto;
}

.boxIconServices .boxContent {
    padding: 0
}

/* box icons */
.boxIcon a {
    padding: 33px;
    text-align: center;
    display: block;
    border-radius: 11px;
    margin-bottom: 9px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.boxIcon a span {
    display: none;
}

.boxIcon i {
    margin: 0 auto 22px auto;
    display: block;
    border-radius: 50%;
}

.boxIcon h2 {
    font-size: 18px
}

.boxIcon p {
    margin: 0;
}

.boxIcon a:hover {
    text-decoration: none;
    border-bottom-width: 4px;
    margin-bottom: 0;
    margin-top: 5px;
}

.boxIcon a:hover p {
    display: none;
}

.boxIcon a:hover span {
    display: block;
}

.boxIconV2 a {
    padding: 33px;
    text-align: center;
    display: block;
    margin-bottom: 9px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}

.boxIconV2 a, .boxIconV2 a:hover {
    text-decoration: none;
}

.boxIconV2 i {
    margin: 0 auto 22px auto;
    display: block;
    border-radius: 50%;
}

.boxIconV2 a:hover i {

    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.boxIconV2 h2 {
    font-size: 18px
}

.boxIconV2 p {
    margin: 0 0 22px 0;
}

/*** testimonial **/
.boxTestimonial blockquote {
    padding: 33px 33px 44px 33px;
    font-size: 22px;
    line-height: 33px;
    position: relative;
}

.boxTestimonial blockquote:after {
    top: 100%;
    left: 50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-width: 11px;
    margin-left: -11px;
}

.boxTestimonial .clientIcon img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.boxTestimonial blockquote {

}

.clientIcon span {
    font-weight: 400;
}

.clientIcon span, .clientIcon span strong {
    vertical-align: bottom;
    font-size: 14px;
}

/*** separators ***/
/* style double */
hr.lineDouble {
    border-top: 4px double #EEE;
}

/*** star ***/
hr.lineStar {
    text-align: center;
}

hr.lineStar:after {
    content: '\e818';
    font-family: 'custom-icons';
    display: inline-block;
    font-size: 1.5em;
    padding: 0 0.25em;
    position: relative;
    top: -0.6em;
    background: #FFF;
    width: 44px;
    color: #eee;
}

/** small **/

hr.lineSmall {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

/*** utilies classes ***/
.mb15 {
    margin-bottom: 0.75em;
}

.mb30 {
    margin-bottom: 1.5em;
}

.mb40 {
    margin-bottom: 2em;
}

.mt15 {
    margin-top: 0.75em;
}

.mt30 {
    margin-top: 1.5em;
}

.mt40 {
    margin-top: 2em;
}

.pb15 {
    padding-bottom: 0.75em;
}

.pb30 {
    padding-bottom: 1.5em;
}

.pb40 {
    padding-bottom: 2em;
}

.pt15 {
    padding-top: 0.75em;
}

.pt30 {
    padding-top: 1.5em;
}

.pt40 {
    padding-top: 2em;
}

.noMargin {
    margin: 0 !important;
}

.noPaddingBottom {
    padding-bottom: 0 !important;
}

.noPaddingTop {
    padding-top: 0
}

.noBorder {
    border: none !important;
}

.utilities_demo {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

/*** end utilies classes ***/
/* images */

.imgBorder {
    /*padding:11px;
	margin-bottom: 22px;*/
}

/*** Scroll up Button ***/
#nekoToTop {
    position: fixed;
    bottom: 0;
    right: 20px;
    background: #333333;
    padding: 5px;
    color: white;
    font-size: 2em;
    display: none;
    border-radius: 4px 4px 0 0;
    z-index: 5;

}

#nekoToTop:hover {
    background: #eee;
    color: #555;
}

/*** MEDIA QUERIES ***/

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

@media (min-width: 768px) {
    #boxedLayout {
        background: #e2e2e2;
        padding-top: 22px;
    }

    #boxedLayout #globalWrapper {
        width: 768px;
        margin: auto;
        background: #fefefe;
        border: 1px solid #ccc;
    }

    #boxedLayout .navbar-fixed-top {
        position: static;
    }

    .mb15 {
        margin-bottom: 1.5em;
    }

    .mb30 {
        margin-bottom: 3em;
    }

    .mb40 {
        margin-bottom: 4em;
    }

    .mt15 {
        margin-top: 1.5em;
    }

    .mt30 {
        margin-top: 3em;
    }

    .mt40 {
        margin-top: 4em;
    }

    .pb15 {
        padding-bottom: 1.5em;
    }

    .pb30 {
        padding-bottom: 3em;
    }

    .pb40 {
        padding-bottom: 4em;
    }

    .pt15 {
        padding-top: 1.5em;
    }

    .pt30 {
        padding-top: 3em;
    }

    .pt40 {
        padding-top: 4em;
    }

    .boxIconServices h2 {
        font-size: 20px;
    }

    .boxIconServices i {
        float: left;
    }

    .boxIconServices.posLeft i {
        float: left;
    }

    .boxIconServices .boxContent {
        padding: 0 0 0 152px;
        text-align: left;
    }

    .boxIconServices.posLef .boxContent {
        padding: 0 0 0 152px;
    }
}

@media (min-width: 992px) {

    #boxedLayout #globalWrapper {
        width: 992px;
    }

    .boxIconServices.posLeft i {
        float: right;
    }

    .boxIconServices.posLeft .boxContent {
        padding: 0 152px 0 0;
        text-align: right;
    }

    .boxIconServices i {
        float: left;
    }

    .boxIconServicest .boxContent {
        padding: 0 0 0 152px;
    }

}

@media (min-width: 1200px) {
    #boxedLayout #globalWrapper {
        width: 1200px;
    }
}


/*** END MEDIA QUERIES ***/
/* NEKO CSS FRAMEWORK
================================================== */

/* TYPOGRAPHY
================================================== */

body {
    font-size: 14px;
    line-height: 22px;
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    padding-top: 84px;

}

h1, h2, h3, h4, h5, h6, legend {
    margin: 0;
    font-weight: 400;
    /*font-family: 'Oswald', sans-serif;*/
    font-family: "Roboto", Arial, Tahoma, sans-serif;
}

h1, .home-title {
    font-size: 33px;
    line-height: 33px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 11px;
}

.bigTitle, h1.bigTitle, h2.bigTitle, h3.bigTitle, .page-header h1.bigTitle {
    font-weight: 400;
    font-size: 5em;
    line-height: 1em;
    text-transform: uppercase;
    padding: 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.paralaxText h2 {
    font-size: 3.21em;
    font-weight: 400;
    line-height: 1.5em;
    text-transform: uppercase;
    padding: 0.5em 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.paralaxText blockquote {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0;
    font-weight: 400;
    /*font-family: 'Oswald', sans-serif;*/
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    padding-left: 0;
    border: none;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    letter-spacing: 0.075em;
}

.paralaxText .testimonialCarousel blockquote {
    text-transform: none;
    letter-spacing: normal;
    font-size: 22px;
    line-height: 22px;
}

.paralaxText .iconBig {
    font-size: 22px;
}

.testimonialCarousel i.iconRounded {
    display: inline-block;
}

.title {
    padding: 22px 11px 5px 11px;
    text-align: center;
}

.title h1, .home-title {
    font-size: 28px;
}

.title h1:after, .title h1:before, .title h2:after, .title h2:before {
    font-family: 'custom-icons';
    content: '\e818';
    font-size: 16px;
    margin: 0 11px;
    line-height: 44px;
    vertical-align: middle
}

.title h2, .title p {
    margin-bottom: 0;
}

h2 {
    font-size: 30px;
    line-height: 1.1em;
    font-weight: 900;
    font-style: normal;
    padding: 0;
    margin-bottom: 22px;
    text-transform: uppercase;
    letter-spacing: 0.075em;

}

h2.subTitle {
    font-size: 20px;
    line-height: 1.1em;
    font-weight: 400;
    font-style: normal;
    padding: 0;
    text-align: center;
}

/* remove the underline on H1 when not needed */
h1.bigTitle:after, .boxWrapper h1:after, .pricingBloc h1:after, .team h1:after, .iconBoxV3 h1:after, #sliderWrapper h1:after, .fullwidthbanner-container h1:after, .camera_caption h1:after, .caption h1:after, .bulle h1:after, .iconBoxV2 .iconBox-body h1:after {
    content: none
}

h3, legend {
    font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 14px;
    font-weight: 400;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

h4 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 11px;
    font-style: bold;
    font-weight: 400;
}

h5 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 6px;
}

h6 {
    font-weight: 400;
    font-style: italic;
    margin-bottom: 2em;
    font-size: 12px;
    line-height: 1.1em;
}

.not-blo-intro {
    font-size: 16px;
    font-weight: 500;
}

h1 small, h2 small, h3 small, h4 small {
    text-transform: none;
    font-size: 0.5em;
    font-weight: 800;
    color: inherit;
}

p, ul {
    margin-top: 0;
    margin-bottom: 12px;
}

strong {
    font-weight: bold;
}

h1 strong, h2 strong {
    font-weight: 400;
}

small, aside {
}

li {
    line-height: inherit;
}

a:link, a:visited {
    text-decoration: none;

}

a:hover, a:active {
    text-decoration: underline;
}

ul.iconsList li a:hover {
    text-decoration: none;
}

a.readMore {
    font-style: italic;
}

blockquote {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 22px;
    font-weight: 400;
    /*font-family: 'Oswald', sans-serif;*/
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    padding: 0;
    border: none;
    text-align: left;
}

blockquote h1 {
    display: inline;
}

blockquote p {
    font-size: inherit;
    display: inline;
}

blockquote small, .ctaBox blockquote small {
    font-size: 50%;
    display: inline-block;
    line-height: 1em;
}

blockquote:before {
    content: '\e928';
    font-family: 'custom-icons';
    margin-right: 0.5em;
}

blockquote:after {
    content: '\e929';
    font-family: 'custom-icons';
    margin-left: 0.5em;
}

blockquote.pull-right {
    border: none;
}

.quoteRow blockquote:before, .quoteRow blockquote:after {
    content: none;
}

hr {
    padding: 0;
    margin: 1.5em 0;
}

.hero-unit blockquote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

/*** MEDIA QUERIES ***/

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

@media (min-width: 768px) {

    body {
        padding-top: 84px;
    }

    h1 {
        font-size: 44px;
        line-height: 44px;
        margin-top: 20px;
    }

    .paralaxText blockquote {
        font-size: 33px;
        line-height: 33px;
    }

    .paralaxText .iconBig {
        font-size: 66px;
    }

    .title {
        padding: 20px 11px 5px 11px;
    }

    .title h1 {
        font-size: 44px;
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/

/* END TYPOGRAPHY
================================================== */
/* GENERAL
================================================== */

/*** buttons ***/
/*.btn {
    text-transform: uppercase;
    padding: 15px 20px;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: none;
}*/

.btn i:before {
    text-align: left;
}

/*** call to actioon ***/

.ctaBox {
    padding: 33px 11px;
}

.ctaBoxFullwidth {
    padding: 0;
}

.ctaBox a {
    margin-top: 22px;
}

.ctaBox h1 {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 0;
    font-weight: 400;
    /*font-family: 'Oswald', sans-serif;*/
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    padding: 0;
    border: none;
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
}

.ctaBox blockquote {
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 0;
}

a.btnRight {
    float: right;
}

.ctaBox.ctaBoxCentered h1, .ctaBox.ctaBoxCentered blockquote {
    text-align: center;
}

.ctaBox.ctaBoxCentered a {
    float: none;
    margin-top: 1.5em;
}

/*** MEDIA QUERIES ***/

@media (max-width: 767px) {
    .btn-lg {
        padding: 14px 18px;
        font-size: 18px;
    }
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

    .ctaBox a {
        float: right;
        margin-top: 0;
    }

    a.btnLeft {
        float: left;
    }
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/

/* END GENERAL
================================================== */

/* PARALLAX STUFF
================================================== */
#paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7, #paralaxSlice8, #paralaxSlice9, #paralaxSlice10, #paralaxSlice11, #paralaxSlice12, #homeFullScreen {
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: 0 0;
}

.maskParent {
    position: relative;
    height: 100%;
    width: 100%
}

.paralaxText {
    padding-top: 66px;
    padding-bottom: 66px;
    text-align: center;
    position: relative;

}

.paralaxMask {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    background: rgba(0, 0, 0, 0.15);
}

/*** MEDIA QUERIES ***/

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

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {

    #paralaxSlice1, #paralaxSlice2, #paralaxSlice3, #paralaxSlice4, #paralaxSlice5, #homeFullScreen {
        background-attachment: fixed;
        background-position: 50% 0;
        background-size: cover;
    }

}

/*** END MEDIA QUERIES ***/

/* END PARALLAX STUFF
================================================== */

/* HEADER
================================================== */
#preHeader .socialNetwork, .contactPhone, .area-restrita {
    display: inline-block;
    float: right;
}

.contactPhone, .area-restrita {
    padding-right: 11px;
    margin-top: 10px
}

.area-restrita {
    margin-bottom: 10px;
}

#preHeader .socialNetwork {
    margin-bottom: 0;
}

#preHeader .socialNetwork .iconRounded {
    width: 22px;
}

#preHeader .socialNetwork .iconRounded:before {
    font-size: 12px;
}

ul.quickMenu {
    margin: 10px 0 0 0;
    padding: 0;
}

ul.quickMenu li {
    display: inline-block;
    padding-right: 11px;
}

ul.quickMenu li a {
    font-size: 12px;
    margin: 0;
    padding: 0;
    display: block;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
}

ul.quickMenu li a:hover {
    text-decoration: none;
}

ul.quickMenu li a.linkLeft {
    margin-left: 0;
}

.navbar-brand {
    padding: 5px 0;
}

.navbar {
}

.navbar-header {
    padding-bottom: 0px;
}

.fixedHeader {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.fixedHeader #mainMenu li a {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.fixedHeader .nav-brand {
    margin-top: 0.6em;
    width: 100px;
}

/*** header options ***/

/** header 2 **/
body.header2 {
    padding-top: 64px;
}

.header2 .navbar-nav ul ul {
    top: -4px
}

.header2 .navbar-brand {
    padding: 5px 0;
}

.header2 .navbar-nav > li > a, .header2 .navbar-nav > li.sep:before {
    line-height: 1em;
}

.header2 .navbar-nav > li.sep:before {
    content: ' | ';
}

.header2 .navbar-nav ul {
    top: 58px;
}

.header2 .navbar-nav ul li a {
    text-transform: none;
}

/*** MEDIA QUERIES ***/
@media (max-width: 767px) {
}

@media (min-width: 768px) {

    /** Header 2 **/
    .header2 .navbar-nav {
        margin-top: 4px;
    }

    /*** Mega menus ***/
    .header2 .navbar-nav .nekoMegaMenu {
        top: 66px;
    }
}

/*** Mega menus ***/
@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/
/* END HEADER
================================================== */
/* MAIN MENU
================================================== */
#mainMenu {
    overflow-x: hidden;
}

.navbar-nav > li > a {
    display: block;
    padding: 11px 0;
    text-decoration: none;
    text-transform: uppercase;
    /*font-family: 'Oswald', sans-serif;*/
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar-nav > li.sep {
    display: none;
}

.navbar-nav > li#lastMenu > a {
    padding-right: 0; /*align right*/
}

#mainHeader .pull-right {
    float: none !important;
}

/*** sub menus ***/
.navbar-nav ul li {
    position: relative;
}

.navbar-nav ul {
    display: none;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.navbar-nav ul ul {
    top: -4px
}

.navbar-nav ul li a {
    display: block;
    padding: 11px 0;
    font-size: 12px;
}

.navbar-nav ul li a:hover {
    text-decoration: none;
}

#mainMenu .navbar-nav li a.hasSubMenu:after {
    font-family: "custom-icons";
    display: block;
    content: "\e92c";
    float: right;
    margin-right: 15px;
}

#mainMenu .navbar-nav i {
    float: right;
}

.navbar-nav .nekoMegaMenu {
    display: none;
    -webkit-backface-visibility: hidden;
}

.navbar-nav .nekoMegaMenu > div > div {
    -webkit-backface-visibility: hidden;
}

.navbar-nav ul li.megaMenuTitle {
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 6px;

}

.navbar-nav .nekoMegaMenu ul {
    width: auto;
}

/*** MEDIA QUERIES ***/
@media (max-width: 767px) {

}

@media (min-width: 768px) {

    #mainHeader .pull-right {
        float: right !important;
    }

    .nav > li.nekoMegaMenuTrigger {
        position: static !important;
    }

    .navbar-nav ul li a {
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    #mainMenu {
        overflow-x: visible;
    }

    .navbar-nav ul li a:hover {
        text-decoration: none;
        padding-left: 14px;
        padding-right: 8px
    }

    .navbar-nav > li > a {
        font-size: 1.15em;
        font-weight: 400;
        line-height: 44px;
        vertical-align: middle;
        padding: 0 15px;
    }

    .navbar-nav > li > a i {
        display: block;
    }

    .navbar-nav ul {
        position: absolute;
        /* top: 88px;*/
        left: 0;
        z-index: 1024;
    }

    .navbar-nav .nekoMegaMenu ul {
        position: static;
        float: left;
        border: none;
        background: none;
        display: block;
        width: 100%;

    }

    #mainMenu .navbar-nav ul li.megaMenuTitle {
        display: block;
        width: 100%;
    }

    .navbar-nav .nekoMegaMenu {
        width: 100%;
        position: absolute;
        right: 0;
        top: 88px;
        z-index: 1024;
        padding: 10px;

    }

    .navbar-nav .nekoMegaMenu ul {
        padding: 11px;
    }

    .navbar-nav .nekoMegaMenu ul li a {

        padding: 5px 10px 5px 10px;
    }

    .navbar-nav ul {
        width: 260px;
    }

    .navbar-nav > li.sep {
        display: block;
    }

    .navbar-nav > li.sep:before {
        content: '\e818';
        font-family: 'custom-icons';
        display: block;
        font-size: 10px;
        text-align: center;
        padding: 0;
        margin-top: 22px;
        margin-bottom: 22px;
        line-height: 44px;
    }

    #mainMenu .navbar-nav li a.hasSubMenu:after {
        display: none;
    }

    #mainMenu .navbar-nav ul li a.hasSubMenu:after {
        content: '\e805';
        display: block;
    }

    .navbar-nav ul li a {
        padding: 11px;
        display: block;
        text-transform: uppercase;
        font-size: 12px;
    }

    .navbar-nav ul li {
        padding: 0;
    }

}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/
/* END MAIN MENU
================================================== */
/* HOME
================================================== */

#mapWrapper {
    height: 350px;
}

#noSliderWrapper {
    padding-top: 44px;
}

/*** MEDIA QUERIES ***/
@media (max-width: 767px) {
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/
/* END HOME
================================================== */
/* NEWS
================================================== */
.newsText {
    padding: 20px 20px 20px 20px;
}

.newsText h3 {
    margin-bottom: 8px;
}

.date {
    font-size: 12px;
    line-height: 12px;
    font-style: italic;
}

.newsText p {
    font-size: 12px;
}

/* END NEWS
================================================== */
/* FOOTER
================================================== */
footer {
    padding: 44px 0 0 0;
}

#footerLogo {

}

#footerWUKF {
}

#footerRights {
    padding: 22px;
    margin-top: 22px;
    text-align: center;
    font-size: 10px;
}

.footerWidget {
    margin-bottom: 22px
}

/* footer 1 */
.worksList li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

/* footer 4 */
.footer4 #footerRights {
    text-align: left;
    background: #333;
}

.bigTitle.bigTitleFooter {
    font-size: 2em;
    margin-bottom: 0;
}

@media (min-width: 992px) {

    /* footer 4 */
    .footer4 #footerRights .quickMenu {
        float: right;
    }

    /* footer 5 */
    .footer5 #footerRights p {
        float: left;
    }

    .footer5 #footerRights .socialNetwork {
        float: right;
    }
}

/* END FOOTER
================================================== */
/* SLIDERS
================================================== */
/*** supersized ***/
#superSizedSlider {
    text-align: center;
}

#superSizedSlider h2 {
    font-size: 22px;
    margin-top: 10%;
    display: inline-block;
    padding: 44px 33px 33px 33px;
    line-height: 1.25em !important;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.9);
}

#superSizedSlider h2 a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-decoration: none;
    font-size: 22px;
    text-transform: none;
    margin-top: 1em;
}

/** replace arrows with font **/
#nextslide, #prevslide {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-family: 'custom-icons';
    text-align: center;
    font-size: 1em;
    height: 1em;
    line-height: 2em;
    width: 1em;
}

#prevslide:before {
    content: '\e765';
}

#nextslide:before {
    content: '\e766';
}

a#nextslide:hover, a#prevslide:hover {
    text-decoration: none;
}

/*** flex full***/
.flexslider {
    overflow: hidden;
    border: none;
    border-radius: 0;
}

.flex-direction-nav a:before, .flex-direction-nav a.flex-next:before {
    content: '';
}

.flex-direction-nav .flex-prev {
    left: 0 !important;
}

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

.flexslider .flex-direction-nav a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-family: 'custom-icons';
    font-size: 1.5em;
    height: 4em;
    text-align: center;
    width: 2em;
}

.flexslider .flex-direction-nav a i {
    line-height: 4em;
}

.flexslider .flex-direction-nav a:hover {
    text-decoration: none;
}

.flexslider {
    margin: 0;
}

.flexslider .slides li {
    margin: 0;
    position: relative;
}

.flexslider .logoSlider img {
    width: auto;
}

.flexslider .caption {
    position: absolute;
    top: 0;
    width: 48%;
}

.flexslider .caption p {
    font-size: 10px;
    line-height: 1.5em;
    margin: 0;
    padding: 1em 0;
}

.flexslider h1 {
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0.25em;
    text-transform: uppercase;
    line-height: 1em;
}

.flexslider h2 {
    display: inline-block;
    font-size: 11px;
    margin-bottom: 0;
    padding: 10px;
    text-transform: uppercase;
    line-height: 1em;
}

.flexslider .caption.left {
    left: 50px;
    width: 55%;
}

.flexslider .caption.right {
    left: auto;
    right: 0;
}

.flexslider .caption, .flexslider .caption div {
    display: none;
}

.flexiShadow img {
    margin-bottom: 3em;
    vertical-align: top;
}

.flexslider .caption .element1-1, .flexslider .caption .element1-2, .flexslider .caption .element1-3, .flexslider .caption .element1-4 {
    margin-left: 2%;
}

.flexslider .caption .element1-1 {
    margin-top: 7%;
}

.flexslider .caption .element1-2 {
    margin-top: 2%;
}

.flexslider .caption .element1-3 {
    margin-top: 2%;
    width: 70%;
}

.flexslider .caption .element1-4 {
    margin-top: 2%;
}

.flexslider .caption .element2-1, .flexslider .caption .element2-2, .flexslider .caption .element2-3, .flexslider .caption .element2-4 {
    margin-top: 2%;
    margin-left: 2%;
}

.flexslider .caption .element2-1 {
    margin-top: 30%;
    margin-left: 2%;
}

.flexslider .caption .element2-3 p {
    width: 320px;
}

.flexslider .caption .element3-1, .flexslider .caption .element3-2, .flexslider .caption .element3-3 {
    margin-left: 2%;
}

.flexslider .caption .element3-1 {
    margin-top: 10%;
}

.flexslider .caption .element3-2 {
    margin-top: 2%;
}

.flexslider .caption .element3-3 {
    margin-top: 2%;
}

/*** OWL slider home ***/
#homeCarousel {
    text-align: center;
}

.navbar-title {
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 25px;
}

#homeCarousel h2 {
    margin-bottom: 11px;
    font-weight: 900;
    font-size: 32px;
    line-height: 1em;
    text-transform: uppercase;
    padding: 0;
    text-shadow: 1px 2px 1px rgba(255, 255, 255, 1);
    width: 100%;
    text-align: center;
    display: inline-block;
}

#homeCarousel h2:after {
    content: ''
}

#homeCarousel h3 {
    text-align: center;
    display: block;
    margin-bottom: 11px;
    font-size: 18px;
    color: #333;

    /*text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);*/
}

}

#homeCarousel .btn {
    margin-top: 11px;
}

#homeCarousel .owl-pagination {
    text-align: center;
}

/*** OWL carousel ***/
.owl-nav {
    display: block;
    position: absolute;
    top: 42%;
    width: 100%;
}

.owl-nav .owl-next, .owl-nav .owl-prev {
    color: #fff;
    font-size: 32px !important;
    background: transparent !important;

}

.owl-nav .owl-next {
    display: block;
    right: 0;
    position: absolute;
}

.owl-dots {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.owl-nav .owl-prev {
    display: block;
    left: 0;
    position: absolute;
}

/* remove default OWL arrows */
/** OWL SLIDER **/
.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top: 30%;
    background: none;
    font-family: 'custom-icons';
    font-size: 22px;
    text-align: center;
    color: #fff;
    opacity: 1;
    border-radius: 4px;
    padding: 0;

}

#carouselWorks1.owl-theme .owl-controls .owl-buttons div {
    top: 42%;
}

#clients .owl-carousel img {
    background-size: 100%;
}

/*.owl-theme.centerOwlButtons .owl-pagination {display:none;}*/
.nekoDataOwl img {
    width: 100%
}

/*** camera ***/
.camera_caption h1 {
    font-size: 22px;
    margin-bottom: 11px;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
    padding: 0;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
    text-align: left;
    display: inline-block;
}

.camera_caption h2 {
    font-size: 11px;
}

.camera_caption p {
    display: none;
}

.camera_caption {
    bottom: 10%;
    width: 60%;
    left: 44px;
}

.camera_caption > div {
    padding: 22px;
}

.camera_wrap .camera_pag .camera_pag_ul {
    text-align: center;
}

#layerslider h2 i:before {
    font-size: 16px;
    vertical-align: 0.5em;
}

.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next, .ls-borderlesslight .ls-nav-prev, .ls-borderlesslight .ls-nav-next {
    z-index: 100 !important;
    display: none;
}

/*** MEDIA QUERIES ***/
@media (max-width: 400px) {
    #homeCarousel h3 {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    /* OWL Carousel */
    #homeCarousel h2 {
        font-size: 40px;
        text-align: left;
    }

    #homeCarousel h3 {
        text-align: left;
    }


    #homeCarousel .owl-pagination {
        text-align: left;
    }

    /* FLEX slider */
    .flex-control-nav {
        display: block !important;
    }

    .flexslider .caption p {
        font-size: 14px;
    }

    .flexslider h1 {
        font-size: 33px;
    }

    .flexslider h2 {
        font-size: 16px;
    }

    /* Camera slider */
    .camera_caption {
        width: 40%;
    }

    .camera_caption h1 {
        font-size: 27px;
    }

    .camera_caption h2 {
        font-size: 16px;
    }

    .camera_caption p {
        display: block;
        line-height: 1.5em;
    }

    /* Supersized slider */
    #superSizedSlider h2 {
        font-size: 88px;
        font-weight: 700;
    }

    #nextslide, #prevslide {
        font-size: 4em;
        height: 4em;
        line-height: 4em;
        width: 2em;
    }

    .ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next, .ls-borderlesslight .ls-nav-prev, .ls-borderlesslight .ls-nav-next {
        display: block;
    }

}

@media (min-width: 992px) {
    #homeCarousel h2 {
        font-size: 42px;
        text-align: center;
    }


    .flexslider .caption p {
        font-size: 14px;
    }

    .flexslider h1 {
        font-size: 44px;
    }

    .flexslider h2 {
        font-size: 22px;
    }

    .camera_caption h1 {
        font-size: 33px;
    }

    .camera_caption h2 {
        font-size: 22px;
    }

    .camera_caption p {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    #homeCarousel h3 {
        font-size: 24px;
        font-weight: 900;
        margin-top: 25px;
    }


    .flexFullScreen {
        min-height: 600px;
        max-height: 700px;
    }
}

/*** END MEDIA QUERIES ***/
/* BLOG
================================================== */
article.post {
    margin-bottom: 22px;
}

.post h2 a:hover {
    text-decoration: none;
}

.postMeta {
    /*border-radius: 4px;*/
    background: #F00;
    text-align: center;
    padding: 2px;
}

.postDate {
    padding: 11px 0;
}

.postDate span {
    text-align: center;
    display: block;
}

.dateDay {
    font-size: 33px;
    font-weight: 400;
    padding: 11px 0;
    /*font-family: 'Oswald', sans-serif;*/
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    width: 100%;
    line-height: 22px;
}

.formatIcon {
    padding: 11px 0;
    border-top: 1px solid #fff;
}

.formatIcon i {
    font-size: 22px;
}

ul.entry-meta {
    margin: 0;
    padding: 0;
    margin-bottom: 11px;
    font-size: 11px;
}

ul.entry-meta li {
    display: inline-block;
}

.widget {
    margin-bottom: 22px;
    padding-bottom: 22px;
}

.tagCloud a:link, .tagCloud a:visited {
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 3px 14px 0;
    padding: 7px;
    border-radius: 2px;
    line-height: 1em;

}

/* END BLOG
================================================== */
/* PAGES
================================================== */
.page-header .col-sm-6 {
    margin-bottom: 0;
}

.page-header {
    padding: 33px 0;
    margin: 0;
}

.page-header.bigHeader {
    padding-bottom: 0
}

.page-header h1 {
    padding: 0;
    margin: 0;
    font-size: 23px;
    line-height: 23px;
    color: #777;
}

.page-header p {
    margin: 5px 0 0 0;
}

.page-header.bigHeader h1 {
    margin-bottom: 17px;
}

.page-header.bigHeader p {
    margin-bottom: 12px;
}

ul#navTrail {
    padding: 0;
    margin-bottom: 0;
}

ul#navTrail li {
    display: inline-block;
    font-size: 12px;
}

ul#navTrail li a {
    text-decoration: none;
}

ul#navTrail li a:after {
    content: " / ";
}

/** sidebar **/
nav#subnav {
    margin-bottom: 22px;
}

nav#subnav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

nav#subnav ul li a {
    margin: 0;
    padding: 11px;
    display: block;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

nav#subnav ul li a:hover {
    text-decoration: none;
}

nav#subnav ul li a i {
    float: right;
    display: none;
    margin-top: 4px;
}

nav#subnav ul li a:hover i, nav#subnav ul li a.active i {
    display: block;
}

nav#subnav {
    padding: 0;
}

@media (min-width: 768px) {
    ul#navTrail {
        float: right;
    }

    .formatIcon i {
        font-size: 33px;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

/* END PAGES
================================================== */
/* PORTFOLIO
================================================== */
nav#filter {
    margin-bottom: 22px;
}

nav#filter ul {
    padding: 0;
}

nav#filter li {
    display: inline-block;
    list-style: none;
}

.isotopeItem {
    margin-bottom: 22px;
}

.minimalBox.isotopeItem {
    margin-bottom: 0;
}

/* for mosaic portfolio*/
.isotopeItem .boxContent {
    margin-top: 22px;
    padding: 0;
}

.page-header .projectTitle {
    text-align: right;
}

header#project {
    padding: 22px 0;
}

#project h1 {
    text-align: left;
}

.centerBtn {
    display: inline-block !important;
}

#fullWidthImageProject img {
    width: 100%;
}

#portfolioFullWidth #shareme {
    float: right;
}

/*** ratings ***/
ul.starRating {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 22px;
}

ul.starRating li {
    display: inline-block;
    color: #FFA300;
    font-size: 22px;
}

ul.starRating li .starOff {
    color: #ddd;
}

/*** pinterest like ***/
.pinBox {
    padding: 15px;
    position: relative;
}

.pinBox .boxContent {
    margin-top: 11px;
}

.pinInfo {
    padding: 11px 0 0 0;
    margin: 0;
}

.pinInfo li {
    display: inline-block;
}

.pinInfo li a {
    text-decoration: none;
    font-size: 12px;
}

/*** Porfolio Mosaic***/
.portfolioMosaic article {
    float: left;
}

.portfolioMosaic.mosaic5 article, .portfolioMosaic.mosaic4 article, .portfolioMosaic.mosaic3 article, .portfolioMosaic.mosaic2 article {
    width: 50%;
}

/* END PORTFOLIO
================================================== */
/* FORM
================================================== */
textarea#comments {
    height: 87px;
}

#verify {
    width: auto;
    display: inline-block;
    margin-top: 11px;
}

.securityCheck h3 {
    margin-bottom: 7px;
}

/*** MEDIA QUERIES ***/
@media (max-width: 767px) {
}

@media (min-width: 768px) {
    .page-header .projectTitle {
        text-align: left;
    }

    .securityCheck {
        margin-top: 25px;
    }

    #verify {
        /*margin-left:15px; margin-top: 0;*/
        width: 100%;
    }

    .portfolioMosaic.mosaic5 article {
        width: 20%;
    }

    .portfolioMosaic.mosaic4 article {
        width: 25%;
    }

    .portfolioMosaic.mosaic3 article {
        width: 33.33333333333333%;
    }

    .portfolioMosaic.mosaic2 article {
        width: 50%;
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/
/* END FORM
================================================== */
/* TIME LINE
================================================== */
/* inspired by http://christian-fei.com/simple-vertical-timeline-with-css/ */
.timeline h3 {
    color: #fff;
}

.timeline img {
    margin: auto;
}

.timeline {
    margin: 0px auto;
    max-width: 1140px;
    overflow: hidden;
    height: auto;
    position: relative;
    padding: 0px;
    list-style-type: none;

    background-repeat: repeat-y;
    background-position: 50% 0;
}

.timeline *, .timeline *:after, .timeline:after, .timeline *:before, .timeline:before, .timeline.v1 *, .timeline.v1 *:after, .timeline.v1:after, .timeline.v1 *:before, .timeline.v1:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.timeline .year {
    /*font-family: 'Oswald', sans-serif;*/
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    background: #D34932;
    border: 11px solid #eee;
    font-size: 3em;
    width: 150px;
    height: 150px;
    clear: both;
    margin: 1em auto;
    color: white;
    border-radius: 50%;
    text-align: center;
    margin-top: 50px;
    line-height: 128px;
}

.timeline .year:first-of-type, .timeline.v1 .year:first-of-type {
    margin-top: 0 !important;
}

/* line 50, ../scss/timeline.scss */
/*.timeline .year + .event, .timeline.v1 .year + .event {
margin-top: -1.5em;
}*/
/* line 60, ../scss/timeline.scss */
.timeline .event {
    position: relative;
    text-align: center;
    float: right;
    clear: right;
    width: 45%;
    margin: 22px 2.5%;
    border-radius: 5px;
    list-style-type: none;
    display: block;
    padding: 33px;
    background: #333;
    z-index: 15;
    color: white;
    text-decoration: none;
}

@media all and (max-width: 600px) {
    /* line 60, ../scss/timeline.scss */

}

/* line 97, ../scss/timeline.scss */
.timeline .event.offset-first {
    margin-top: -1.5em;
}

.timeline .event:nth-of-type(2n) {
    float: left;
    clear: left;
}

@media (max-width: 767px) {
    .timeline .event {
        width: 85%;
    }
}

@media (min-width: 768px) {
    .timeline .event:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(51, 51, 51, 0);
        border-right-color: #333;
        border-width: 15px;
        margin-top: -15px;
    }

    .timeline .event:nth-of-type(2n):after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(51, 51, 51, 0);
        border-left-color: #333;
        border-width: 15px;
        margin-top: -15px;

    }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/* END TIMELINE
================================================== */
/* MISCELANIOUS
================================================== */
/* Preloader one page */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000; /* makes sure it stays on top */
}

#status {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%; /* centers the loading animation horizontally one the screen */
    top: 50%; /* centers the loading animation vertically one the screen */

    margin: -50px 0 0 -50px; /* is width and height divided by two */
    text-align: center;
    padding-top: 15px;
    text-transform: uppercase;
    border-radius: 11px;
}

#status p {
    margin-top: 11px;
}

/*** preloader portoflio mosaic **/
#preloaderPortfolio {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #fff;
    height: 1000px;
}

#preloaderPortfolio #status {
    top: 200px;
}

/* demo */
.highlight {
    margin-bottom: 44px;
}

.bs-docs-section .btn {
    margin-bottom: 11px;
}

/** Coming soon **/
body#comingSoon {
    padding-top: 0;
    background: #4B4A4A
}

#comingSoon .bgComingSoon {
    text-align: center;
}

#comingSoon h1 {
    color: #fff;
}

.comingSoonLogo {
    margin: 22px auto
}

.bgComingSoon {
    padding-top: 10%;
    padding-bottom: 10%;
}

.countdown_amount {
    display: block;
    font-size: 44px;
    padding-top: 35px;
    line-height: 0;
    /*font-family: 'Oswald', sans-serif;*/
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    font-weight: 400;
    color: #fff;
}

.countdown_section {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 10px;
    border-radius: 50%;
    border: 3px solid #fff;
}

/*** STYLE SWITCHER ***/
#switcherContent {
    padding: 0 15px 15px 15px;
}

.styleSwitcher {
    background: #333;
    position: fixed;
    top: 200px;
    width: 170px;
    left: -170px;
    z-index: 9999;
    display: none;
}

.switcher.dark {
    background: #555;
}

.styleSwitcher ul li {
    display: inline-block;
}

.styleSwitcher ul {
    display: block;
    padding: 0;
    margin: 0
}

.styleSwitcher ul.switcher li a {
    display: block;
    text-indent: -3000px;
    overflow: hidden;
    border: none;
    width: 20px;
    height: 20px;
    margin: 0 5px 5px 0;
}

.styleSwitcher h1 {
    padding: 0 0 6px 0;
    line-height: 44px;
    font-size: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    color: #ddd;
    border: none;
    margin: 0;
    text-align: left;
}

.styleSwitcher h1:after {
    content: none;
}

.styleSwitcher #showHideSwitcher {
    outline: none;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -50px;
    background: #333;
    top: 0;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    color: #555;
}

.styleSwitcher #showHideSwitcher:hover i {
    color: #999;
}

.styleSwitcher select {
    font-size: 11px;
    margin: 0 0 15px 15px;
    background: #222;
    border: 1px solid #444;
    width: 120px;
    padding: 4px;
    color: #fff;
}

a.btnSwitcher {
    display: block;
    width: 120px;
    border: 1px solid #444;
    background: #222;
    margin-top: 10px;
    text-transform: uppercase;
    padding: 10px;
    color: #333;
    text-decoration: none;
    text-align: center;
}

.btnSwitcher.active, .btnSwitcher:hover {
    border-color: #666;
    background: #333;
    color: #ddd;
}

/* font icon test */
ul.iconsTest {
    margin: 0 0 22px 0;
}

.iconsTest li {
    display: block;
    float: left;
    margin-right: 22px;
}

.ico1 {
    color: #00CCFF;
    font-size: 1em;
}

.ico2 {
    color: #3366FF;
    font-size: 3em;
}

.ico3 {
    color: #6666CC;
    font-size: 6em;
}

.ico4 {
    color: #FFFFFF;
    font-size: 6em;
    text-shadow: 0 2px 2px #333333;
}

/*** hover images ***/
.imgHover article {
    position: relative;
}

.mask {
    position: absolute;
    top: 0;
    left: 15px;
    background: rgba(255, 255, 255, 0.8);
    /*width:100%;*/
    display: none;
    z-index: 0;
}

.iconLinks {
    display: none;
    position: relative;
}

.iconLinks a {
    display: inline-block;
    text-decoration: none;

}

.iconLinks a:hover i {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.iconLinks a span {
    position: relative;
    top: 0px;
    font-size: 14px;
    text-align: center;
    width: 100%;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;

}

.mediaHover {
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

}

.ie8 .mask {
    bacground: white;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

ul.socialNetwork {
    padding: 0;
    display: block;
}

ul.socialNetwork li {
    display: inline-block;
    list-style-type: none;
}

/*** pricing table ***/
.pricingBloc {
    text-align: center;
    margin-top: 22px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.pricingBloc:hover {
    margin-top: 18px;
}

.pricingBloc ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.pricingBloc ul li {
    padding: 11px 0
}

.pricingBloc h2 {
    font-size: 14px;
    margin-bottom: 0;
    padding: 11px;
    font-weight: 400;
}

.pricingBloc h3 {
    font-size: 28px;
    font-weight: 400;
    display: block;
    padding: 22px;
    margin-bottom: 0;
}

.pricingBloc h3 span {
    font-size: 14px;
    font-weight: 400;
    margin: 11px 0 0 0;
    display: block;
    letter-spacing: normal;
}

.pricingBloc p {
    margin-bottom: 0;
    padding: 1.5em
}

.pricingBloc.focusPlan {
    margin-top: 0;
}

.pricingBloc.focusPlan h3 {
    font-size: 44px;
    padding: 22px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

/*** end pricing table ***/
/*** responsive video ***/
.videoWrapper {
    position: relative;
    padding-bottom: 54%;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper.video1 {
    padding-bottom: 39.6%; /*ratio = 198/500*100 */
}

p.credits {
    padding: 1.5em;
    margin-bottom: 1.5em
}

/*** end responsive video ***/
/*** share plugin ***/
.sharrre .button {
    float: left;
    width: 60px;
}

#shareme h4 {
    margin-top: 22px;
    font-size: 16px;
}

#shareme.noMargin h4 {
    margin-top: 0;
}

/* removes margin-top when not needed */
#shareme a {
    display: block;
    text-align: center;
    width: 44px;
    height: 44px;
    padding-top: 10px;
    float: left;
}

#shareme i {
    color: #fff;
}

#shareme .facebook {
    background: #3b5998;
}

#shareme .twitter {
    background: #55ACEE;
}

#shareme .googleplus {
    background: #d34836;
}

/*** MEDIA QUERIES ***/
@media (max-width: 767px) {
}

@media (min-width: 768px) {
    .styleSwitcher {
        display: block;
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {

}

/*** END MEDIA QUERIES ***/
/* END MISCELANIOUS
================================================== */
#site-nome {
    color: #f2f2f2;
    padding: 10px 0 0 10px;
    font-size: 1.2em;
    /*font-family: "Oswald", sans-serif;*/
    font-family: "Roboto", Arial, Tahoma, sans-serif;

}

.call-2-action {
    background-color: #8AC007 !important;
    border: none !important;
    border-radius: 3em !important;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.7) !important;
    display: inline-block !important;
    transition: all 0.3s ease 0s !important;
    letter-spacing: normal !important;;
}

.call-2-action:hover {
    box-shadow: inset 0 0 0 5px #6C9606;
    -moz-transform: scale(1.1) !important;
    -webkit-transform: scale(1.1) !important;
    -o-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}

/** colors **/
/*
  Document   : colors
  Author     : Little Neko
  Description: template colors
*/

/* Table of Content
==================================================

#BOOSTRAP CUSTOMIZATION
#TYPOGRAPHY
#LINKS AND BUTTONS
#HEADER
#MAIN MENU
#FOOTER
#SLIDERS
#BLOG
#PORTFOLIO
#MISCELANIOUS
#NEKO CSS FRAMEWORK

*/
/* COLORS :  4D80A2 / 538BAF  / 6ba1c4 / f7f7f7 /
/
================================================== */

/* TYPOGRAPHY
================================================== */

body {
    color: #333;
    background: #fefefe;
}

blockquote small {
    color: inherit;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
}

h2 i {
    color: #999
}

h2.subTitle {
    color: #555;
}

.title {
    background-color: #fff;
    border-bottom: 2px solid rgba(1, 1, 1, 0.075);
    border-top: 1px solid rgba(1, 1, 1, 0.05);
}

.title h1:after, .title h1:before {
    color: #ccc;
}

/*** parallax sections ***/

.paralaxText blockquote:before, .paralaxText blockquote:after {
    color: #fff;
}

#home, #paralaxSlice1, #paralaxSlice2, #paralaxSlice3, #paralaxSlice4 {
    background-color: #3370b2;
}


#paralaxSlice1 {
    background-image: url('images/blue-2.jpg');
}

#paralaxSlice2 {
    background-image: url('images/blue-2.jpg');
}

#paralaxSlice3 {
    background-image: url('images/blue-2.jpg');
}

#paralaxSlice4 {
    background-image: url('../images/theme-pics/cats.jpg');
}

#paralaxSlice5 {
    background-image: url('../images/fundo-parallax.jpg');
}

#paralaxSlice6 {
    background-image: url('../images/slider/super/supersized-2.jpg');
}

#paralaxSlice7 {
    background-image: url('../images/slider/layer-slider/layer-slide3.jpg');
}

.paralaxText blockquote, .paralaxText h1, .paralaxText h2, .paralaxText h3, .paralaxText p, .paralaxText i {
    color: #fff;
}

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

/* LINKS AND BUTTONS
================================================== */

a {
    color: #3370b2;
}

a:hover, .scrollspyNav .active a {
    color: #3370b2;
}

ul.iconsList li a {
    color: #555
}

ul.iconsList li a:hover, ul.iconsList i {
    color: #3370b2
}

/*** buttons ***/


.btn-inverse {
    background: none repeat scroll 0 0 #555555;
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    color: #FFFFFF !important;
}

.btn-inverse:hover {
    background: none repeat scroll 0 0 #000;
    border-bottom: 2px solid rgba(150, 150, 150, 0.25);
    color: #fff !important;
}

.btn-link, .btn-link:active, .btn-link[disabled], .btn-link:hover {
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49AFCD;
}

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

/* END LINKS AND BUTTONS
================================================== */
/* HEADER
================================================== */
#preHeader {
    background-color: #3370b2;
}

ul.quickMenu li a, .contactPhone {
    color: #F7F7F7;
}

ul.quickMenu li a:hover {
    color: #fff;
}

#preHeader .socialNetwork .iconRounded {
    background: none;
    border: none
}

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

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

#mainHeader {
    background-color: #f2f2f2;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}

#mainHeader .navbar-inner {
    background: #444;
    filter: none !important;
}

#mainMenu .navbar-nav li {
    border-bottom: 1px solid #555;
}

#mainMenu .navbar-nav li:last-child, #mainMenu .navbar-nav li:last-child a {
    border-bottom: none !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, #resMainMenu li.active > a {
    background: none;
    color: #000;
}

.navbar-nav > li.sep:before {
    color: #eee;
}

.navbar-default .navbar-nav > li > a.active {
    color: #000;
}

.navbar-nav ul li a, .navbar-nav li.hover > a {
    color: #fff;
}

.navbar-nav ul li a.firstLevel, .navbar-nav li.hover > a.firstLevel {
    color: #333;
}

/*** header options ***/

/* header 1 */
.header1 #preHeader {
    background-color: #333;
}

.header1 ul.quickMenu li a:hover, .header1 #preHeader .socialNetwork .iconRounded:hover {
    color: #3370b2;
}

.header1 ul.quickMenu li, .header1 .contactPhone {
    border-right: 1px solid #555;
}

.header1 #mainHeader {
    background: #fff;
}

.header1 #mainMenu .navbar-nav li {
    border-color: #eee;
}

.header1 .navbar-default .navbar-nav > li > a {
    color: #555;
}

.header1 .navbar-default .navbar-nav > li > a.active, .header1 .navbar-default .navbar-nav > li.Nactive > a, .header1 .navbar-default .navbar-nav > li > a:hover, .header1 .navbar-default .navbar-nav > li.hover > a, .header1 .navbar-default .navbar-nav li.Nactive > a {
    color: #3370b2;
}

.header1 .navbar-nav ul {
}

.header1 .navbar-nav ul li a {
    color: #555;
}

/** header 2 **/
.header2 .navbar-nav ul {
    border-top-color: #3370b2;
}

.header2 .navbar-nav ul li a {
    border-color: #eee
}

.header2 .navbar-nav li {
    border-bottom-color: #eee;
}

.header2 .navbar-nav ul li a:hover, .header2 .navbar-nav ul li.hover > a, .header2 li.Nactive > a {
    color: #fff;
}

/*** header 3 ***/
.header3 #preHeader {
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.header3 #mainMenu .navbar-nav li {
    border-bottom-color: #eee;
}

.header3 .navbar-nav ul.subMenu a {
    color: #999;
}

.header3 ul.quickMenu li a, .header3 .contactPhone, .header3 #preHeader .socialNetwork .iconRounded {
    color: #999;
}

.header3 ul.quickMenu li a:hover, .header3 #preHeader .socialNetwork .iconRounded:hover {
    color: #3370b2;
}

.header3 #mainHeader {
    background: #fff;
}

.header3 .navbar-default .navbar-nav > li > a {
    color: #999;
}

.header3 .navbar-default .navbar-nav > li > a.active, .header3 .navbar-default .navbar-nav > li > a:hover, .header3 .navbar-default .navbar-nav > li.hover > a, .header3 .navbar-default .navbar-nav li.Nactive > a, .header3 #resMainMenu li.active > a {
    color: #3370b2;
}

.header3 .navbar-nav > ul {
    top: 88px;
}

/**** header 4 ****/
.header4 #mainHeader {
    background: #fff;
}

.header4 #mainMenu .navbar-nav li {
    border-bottom-color: #eee;
}

.header4 .navbar-default .navbar-nav > li > a {
    color: #999;
    border-top: 3px solid #fff;
}

.header4 .navbar-default .navbar-nav > li > a.active, .header4 .navbar-default .navbar-nav > li > a:hover, .header4 .navbar-default .navbar-nav > li.hover > a, .header4 .navbar-default .navbar-nav li.Nactive > a, .header4 #resMainMenu li.active > a {
    color: #3370b2;
}

.header4 .navbar-nav > li#lastMenu > a {
    padding-right: 15px;
}

.header4 .navbar-nav ul li a {
    color: #999;
}

/***** header 5 *****/

.header5 #mainHeader {
    background: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}

.header5 #mainMenu .navbar-nav li {
    border-bottom-color: #eee;
}

.header5 .navbar-default .navbar-nav > li > a {
    color: #555;
}

.header5 .navbar-default .navbar-nav > li > a.active, .header5 .navbar-default .navbar-nav > li > a:hover, .header5 .navbar-default .navbar-nav > li.hover > a, .header5 .navbar-default .navbar-nav > li.Nactive > a {
    color: #3370b2;
}

.header5 .navbar-nav ul li a {
    color: #555;
    border-bottom: 1px solid #eee;
}

/*** megaMenu ***/
#mainMenu .navbar-nav ul li.megaMenuTitle {
    color: #fff;
}

.header1 #mainMenu .navbar-nav ul li.megaMenuTitle {
    color: #555;
}

.header2 #mainMenu .navbar-nav ul li.megaMenuTitle {
    color: #555;
}

.header5 #mainMenu .navbar-nav ul li.megaMenuTitle {
    color: #555;
}

/*** MEDIA QUERIES ***/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: #333;
}

@media (max-width: 767px) {
    /*.navbar-nav ul li a, .navbar-nav li.hover > a {
        color: #111;
    }*/
    .navbar-brand img {
        max-height: 55px;

    }

    #xo-logger-output {
        display: none;
    }

    .navbar-brand {
        margin-left: 37%;
    }

    .navbar-title {
        float: left;
        margin-top: 20px;
        text-align: center;
        width: 100%;
    }

    ul.navbar-nav {
        background: rgba(50, 50, 50, 0.95);
    }

    .navbar-default .navbar-nav > li > a {
        color: #f2f2f2;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, #resMainMenu li.active > a {
        color: #fff;
    }

    ul.navbar-nav li a {
        padding-left: 5px;
    }

    .navbar-collapse.in {

        /*  height: -moz-available;          !* WebKit-based browsers will ignore this. *!
          height: -webkit-fill-available;  !* Mozilla-based browsers will ignore this. *!
          height: fill-available;
          max-height: -moz-available;          !* WebKit-based browsers will ignore this. *!
          max-height: -webkit-fill-available;  !* Mozilla-based browsers will ignore this. *!
          max-height: fill-available;*/
        max-height: 450px;
    }

    #footerRights img {
        max-width: 150px;
        display: block;
        margin: 15px auto !important;
    }
}

@media (min-width: 768px) {

    /* normal header (no class on body) */
    .navbar-nav ul {
        background: #4b4a4a;
        border-top: 4px solid #fff;
    }

    .navbar-nav ul li a:hover, .navbar-nav ul li.hover > a {
        background: #3370b2;
    }

    .navbar-nav ul {
        background: rgba(50, 50, 50, 0.75);
    }

    #mainMenu .navbar-nav li {
        border-bottom: none;
    }

    /* Header 1 */
    .header1 .navbar-default .navbar-nav > li > a.active, .header1 .navbar-default .navbar-nav > li > a:hover, .header1 .navbar-default .navbar-nav > li.hover > a, .header1 #resMainMenu li.active > a {
        background: #3370b2;
        color: #fff;
    }

    .header1 .navbar-nav ul {
        background: #f7f7f7;
        top: 88px;
    }

    .header1 .navbar-nav ul li a:hover, .header1 .navbar-nav ul li.hover > a, .header1 .navbar-nav ul li.Nactive > a {
        background: #eee;
    }

    /** header 2 **/
    .header2 .navbar-nav ul {
        border-top-color: #3370b2;
        background: #fff;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    }

    .header2 .navbar-nav ul li a {
        color: #555;
        border-bottom: 1px solid #eee
    }

    /*** header 3 ***/
    .header3 .navbar-default .navbar-nav > li > a {
        border-left: 1px solid #eee;
    }

    .header3 .navbar-nav > li > a {
        padding: 22px 22px;
    }

    .header3 .navbar-nav ul.subMenu a {
        color: #fff;
    }

    /**** header 4 ****/
    .header4 .navbar-default .navbar-nav > li > a.active, .header4 .navbar-default .navbar-nav > li > a:hover, .header4 .navbar-default .navbar-nav > li.hover > a, .header4 #resMainMenu li.active > a {
        border-top-color: #3370b2;
        background: #f7f7f7;
    }

    .header4 .navbar-nav ul {
        background: #555;
    }

    .header4 .navbar-nav ul li a {
        border-top: 1px solid #444;
    }

    .header4 .navbar-nav ul li a:hover, .header4 .navbar-nav ul li.hover a {
        color: #fff;
    }

    /***** header 5 *****/
    .header5 .navbar-nav ul {
        background: #fff;
        border: 1px solid #eee;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    }

    .header5 .navbar-default .navbar-nav > li > a.active, .header5 .navbar-default .navbar-nav > li > a:hover, .header5 .navbar-default .navbar-nav > li.hover > a, .header5 #resMainMenu li.active > a {
        background-color: #3370b2;
        color: #fff;
    }

    .header5 .navbar-nav ul li a:hover, .header5 .navbar-nav ul li.hover > a {
        color: #fff;
    }

    .header5 .navbar-nav ul li a {
        border: none;
    }

    /*** megaMenu ***/
    #mainMenu .navbar-nav ul li.megaMenuTitle {
        border-bottom: 1px solid #555;
    }

    .navbar-nav .nekoMegaMenu {
        background: rgba(50, 50, 50, 0.95);
        border-top: 4px solid white;
    }

    /*** header1 ***/
    .header1 #mainMenu .navbar-nav ul li.megaMenuTitle {
        border-bottom: 1px solid #eee;
    }

    .header1 .navbar-nav .nekoMegaMenu {
        background: #f7f7f7;
    }

    /*** header2 ***/
    .header2 #mainMenu .navbar-nav ul li.megaMenuTitle {
        border-bottom: 1px solid #eee;
    }

    .header2 .navbar-nav .nekoMegaMenu {
        background: #fff;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    }

    .header2 .navbar-nav .nekoMegaMenu ul {
        box-shadow: none;
    }

    /*** header 4 ***/
    .header4 .navbar-nav .nekoMegaMenu {
        background: #555;
        border-top: none;
    }

    /*** header5 ***/
    .header5 #mainMenu .navbar-nav ul li.megaMenuTitle {
        border-bottom: 1px solid #eee;
    }

    .header5 .navbar-nav .nekoMegaMenu {
        background: #fff;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
        border: 1px solid #EEE;
    }

    .header5 .navbar-nav .nekoMegaMenu ul {
        box-shadow: none;
        border: none;
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/*** END MEDIA QUERIES ***/
/* END MAIN MENU
================================================== */

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

footer {
    color: #666;
    background: #222;
    border-top: 1px solid #555s;
}

footer h1, footer h2, footer h3, footer h4 {
    color: #fff;
    font-weight: 400;
}

#footerRights {
    background-color: #3370b2;
    color: #eee;
}

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

/* HOME
================================================== */

#home h1, #home h2, #home p, #noSliderWrapper h1, #noSliderWrapper h2, #noSliderWrapper p {
    color: #FFFFFF;
}

#noSliderWrapper {
    background-color: #3370b2
}

/* END HOME
================================================== */

/* PAGES
================================================== */


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

ul#navTrail li a:hover {
    color: #3370b2;
}

/** sidebar **/
nav#subnav {
    background: #eee;
    border-bottom: 4px solid #ddd
}

nav#subnav ul li a.active, nav#subnav ul li a:hover {
    background: #3370b2;
    color: #fff;
}

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

/* SLIDERS
================================================== */
/*** supersized ***/
#superSizedSlider h2 {
    color: #fff;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.9);
}

#superSizedSlider h2 a {
}

/*** FLEX ***/

.flexslider {
    box-shadow: none;
}

.slides .txt div {
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
}

.flexslider .flex-direction-nav a {
    background-color: #3370b2;
}

.flex-control-paging li a {
    box-shadow: none;
    width: 12px;
    height: 12px
}

.flexslider .flex-control-paging li a.flex-active {
    background: #3370b2;
}

.flexslider .flex-control-paging li a:hover {
    background: #3370b2;
}

.flexslider .flex-control-paging li a {
    background: #3370b2;
    border: none;
}

.flexslider .flex-control-nav {
    background: none;
}

.flexslider h1 {
    color: #FFFFFF;
    background: #3370b2;
}

.flexslider h2 {
    background-color: #222;
    color: #FFFFFF;
}

.flexslider .caption p {
    color: #FFFFFF;
    font-weight: bold;
}

/*** flexHome ***/
#flexHome h1 {
    color: #fff;
    background: none;
    border: none;
}

#flexHome h2 {
    color: #fff;
    background: none;
}

.flexslider#flexHome {
    box-shadow: none;
}

.flexslider#flexHome h2 {
    padding-left: 0;
}

/*** END FLEX SLIDER ***/

/*** OWL Carousel ***/

/**** camera ****/
.camera_caption > div {
    background: rgba(0, 0, 0, 0.5);
}

.camera_caption h1, .camera_caption h2 {
    color: #fff;
}

.camera_caption .camera_wrap a {
    background: inherit;
}

/**** end camera ****/

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

/* BLOG
================================================== */

.postMeta {
    background: #3370b2;
    color: #fff;
}

.post h2 a {
    color: #555;
}

.post h2 a:hover {
    color: #3370b2;
}

.tagCloud a:link, .tagCloud a:visited {
    background-color: #fff;
    color: #ccc;
    border: 1px solid #eee;
}

.tagcloud a:hover {
    background-color: #3370b2;
    color: #FFF;
}

p.credits {
    color: #555;
    background: #eee;
}

p.credits a {
    color: #3370b2;
}

.widget {
    border-bottom: 1px solid #eee
}

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

/* PORTFOLIO
================================================== */

nav#filter a {
    background-color: #EEE;
    color: #555;
}

nav#filter a:hover, nav#filter a.current {
    background-color: #3370b2;
    color: #fff;
}

li.filterTitle {
    color: #4F6266;
}

section#projectDescription {
    background-color: #f2f2f2
}

.mfp-bg {
    background-color: #3370b2;
}

/*** pinterest like ***/
.pinBox {
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.pinInfo li a {
    color: #ccc;
}

.pinInfo li a:hover {
    color: #333;
}

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

/* MISCELANIOUS
================================================== */
*
    /* Preloader one page */
#preloader {
    background-color: #3370b2; /* change if the mask should have another color then white */
}

#status {
    color: #555;
    background-color: #fff
}

/** focus color ***/
::-moz-selection {
    background: #3370b2;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #3370b2;
    color: #fff;
    text-shadow: none;
}

/*** hover images ***/
.iconLinks a span {
    color: #999;
}

.iconLinks a:hover span {
    color: #3370b2;
}

/*** pricing table ***/
.pricingBloc {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);

}

.pricingBloc ul li {
    border-bottom: 1px solid #eee;
    color: #444 !important;
}

.pricingBloc ul li:last-child {
    border-bottom: none;
}

.pricingBloc h2 {
    background-color: #555;
    color: #888 !important;
    border: none;
}

.pricingBloc h3 {
    background-color: #333;
    color: #fff !important;

}

.pricingBloc p {
    background-color: #eee;
    color: #444 !important;
}

.pricingBloc.focusPlan {
    margin-top: 0;
    border-color: #D1D1D1;
}

.pricingBloc.focusPlan h2 {
    background-color: #333;
    color: #fff !important;
}

.pricingBloc.focusPlan h3 {
    background-color: #3370b2;
    padding: 1.25em;
    color: #fff !important;
}

/*** Form ***/
.form-control:focus {
    border-color: #333;
    background-color: #f7f7f7;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.form-control {
    color: #333;
    border-color: #ccc;
}

.error {
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #EED3D7;
}

label.error {
    color: #fff;
    background-color: #B94A48;
    border: none
}

#projectQuote, #projectQuote h3 {
    background: #ddd;
    color: #444;
}

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

/* NEKO CSS FRAMEWORK
================================================== */
/* images */
.imgBorder {
    border: 1px solid #ededed;
    background: #fff;
}

/*** Feature box **/

.boxFeature i {
    color: #3370b2;
}

/*** Focus box **/

.boxFocus {
    border: 1px solid #ddd;
}

/*** Icon box **/

.boxIcon a:hover {
    background: #4D80A2;
    color: #fff;
}

.boxIcon a:hover h2 {
    color: #fff;
}

.boxIconV2 a:hover h2 {
    color: #4D80A2;
}

.boxIconV2 a p {
    color: #555;
}

/*** testimonial ***/

.boxTestimonial blockquote {
    background: #f7f7f7;
}

.boxTestimonial blockquote:after {
    border-color: rgba(247, 247, 247, 0);
    border-top-color: #F7f7f7;
}

.footerWidget .boxTestimonial blockquote:after {
    border-color: rgba(51, 51, 51, 0);
    border-top-color: #333;
}

.footerWidget .boxTestimonial blockquote {
    background: #333;
    color: #eee;
}

/*** slices ***/
.slice {
    background-color: #fff;
}

/*** call to action ***/

.ctaBoxFullwidth {
    border: none
}

.ctaBox blockquote {
    color: #fff;
}

/*color0*/
.color0 {
    background-color: #fff;
}

/*color1*/
.color1, .slice.color1, .bulle.color1, .ctaBox.color1 {
    background-color: #F7F7F7;
    color: #444;
}

.color1 h1, .color1 h2, .color1 h3, .color1 h4, .color1 blockquote, .color1 a {
    color: #444;
}

.color1 a.btn {
    color: #111;
}

.color1 a.btn:hover {
    color: #fff;
}

/*color2*/
.color2, .slice.color2, .bulle.color2, .ctaBox.color2 {
    background-color: #3370b2;
    color: #fff;
}

.color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 blockquote, .color2 a {
    color: #fff;
}

.color2 a.btn {
    color: #111;
}

.color2 a.btn:hover {
    color: #fff;
}

.color2 .ctaBox {
    border-color: rgba(255, 255, 255, 0.5);
}

.color2 h1:before, .color2 h1:after {
    color: #4D80A2;
}

/*** icons ***/
.iconRounded {
    background-color: #3370b2;
    color: #fff;
}

.iconRounded:hover, .color1 .iconRounded:hover, .iconLinks a:hover i {
    background-color: #3370b2;
    color: #fff;
}

.color1 .iconRounded {
    color: #fff;
}

.color2 .iconRounded {
    background-color: #FFF;
    color: #3370b2;
}

/* END NEKO CSS FRAMEWORK
================================================== */
.cbki-titulo {
    font-size: 1em !important;
    text-transform: uppercase;

}

.bnr-slide-titulo {
    color: #fff;
}

header {
    border: 0 !important;
}

.link-username {
    color: #FFF !important;
}

.link-username:hover {
    text-decoration: none;
}

.painel-fed {
    background-color: #3370b2;
}

.navbar-default .navbar-nav > li.painel-fed > a, .navbar-default .navbar-nav > li.painel-adm > a {
    color: white;
}

.painel-adm {
    background: #940000;
}

.footerApoio .carousel-inner .item img {
    width: auto;
    background: #fff;
    margin: 15px;
    padding: 15px;
    border-radius: 15px;
}

#footerLogo {

}

.not-blo-title {
    min-height: 100px;

}

article section.imgWrapper {
    min-height: 200px;
}

.not-blo-intro {
    min-height: 50px;
}

.filie-se {
    color: #111 !important;
}

.filie-se:hover {
    background: none repeat scroll 0 0 #555555;
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    color: #fff !important;
}

#mainHeader .container:first-of-type {
    background: #f2f2f2;
}

.navbar-default {
    border: 0;
    background: #f2f2f2;
    box-shadow: none;
}

.blocoCall2Action h2 {
    color: #FFF;
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 0;
    font-weight: 400 !important;
    /*font-family: 'Oswald', sans-serif;*/
    font-family: "Roboto", Arial, Tahoma, sans-serif;
    padding: 0;
    border: none;
    text-align: left;
    letter-spacing: normal;
    text-transform: none;
}

.blocoCall2Action h2 strong {
    font-weight: 500;

}

#divFooterTxt {
    padding-top: 25px;
}

#divDevBy {
    font-weight: 700;

}

.owl-carousel .owl-item img {
    width: auto;
}