/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.veja-footer {
    font-family: 'Istok Web', sans-serif;
    color: #0383A0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.menu-footer a {
    text-decoration: none;
    color: #fff;
}
.menu-footer a:hover {
    text-shadow: 5px 5px 17px rgba(0, 0, 0, 0.32);
}
.menu-footer {
    margin-left: auto;
    margin-right: auto;
    display: inline-table;
    font-family: 'Istok Web', sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 15px 0px 0px 0px;
    height: 47px;
}

.menu-footer li {
    float: left;
    list-style: none;
}

.menu-footer i {
    margin-right: 5px;
    margin-left: 15px;
}

.menu-footer-back {
    background-color: #0383A0;
    box-shadow: inset 0px 0px 26px rgba(0,0,0,.15);
}

.top-soc {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


h3 {
    font-weight: 700;
    font-size: 15px;
    color: #0383A0;
    text-transform: uppercase;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
}

hr {
    max-width: 50px;
    border-color: #000;
    border-width: 3px;
}

hr.light {
    border-color: #fff;
}

a {
    color: #0383A0;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.read:hover {
    text-decoration: none;
    background-color: #0383A0;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Istok Web', sans-serif;
}

.descrip {
    margin-bottom: 20px;
    text-align: center;
}
#services p {
    color: #545454;
}

.span10 p {
    
    margin-bottom: 20px;
    line-height: 1.8;
    color: #545454;
}

p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.bg-primary {
    background-color: #0383A0;
}

.bg-dark {
    color: #fff;
    background-color: #222;
}

.text-faded {
    color: rgba(255,255,255,.7);
}

section {
    padding: 100px 0;
}

aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0;
}

.navbar-default {
    border-color: #0383A0;
    font-family: 'Istok Web', sans-serif;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.navbar-default .navbar-header .navbar-brand {
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
    color: #0383A0;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #eb3812;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #222;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #0383A0;
    text-shadow: none;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #fff!important;
    background-color: #0383A0;
    text-shadow: none;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: #0383A0;
    text-shadow: none;
}

@media(min-width:768px) {

    
    .navbar-default {
        border-color: #0383A0;
        background-color: #fff;
    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(255,255,255,.7);
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }

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

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

    .navbar-default.affix {
        border-color: #0383A0;
        background-color: #fff;
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 14px;
        color: #0383A0;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #eb3812;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #222;
    }

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

header {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
}

header .header-content {
    position: relative;
    width: 100%;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 5px 5px 17px rgba(0, 0, 0, 0.32);
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
}

@media(min-width:768px) {
    header {
        min-height: 100%;
    }

    header .header-content {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
    }
}

.section-heading {
    margin-top: 0;
}

.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}

@media(min-width:992px) {
    .service-box {
        margin: 20px auto 0;
    }
}

.service-box p {
    margin-bottom: 0;
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(240,95,64,.9);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #0383A0;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.btn-default {
    border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #222;
    background-color: #f2f2f2;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

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

.btn-default .badge {
    color: #fff;
    background-color: #222;
}

.btn-primary {
    color: #fff;
    background-color: #000;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0383A0;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #0383A0;
    background-color: #0383A0;
}

.btn-primary .badge {
    color: #0383A0;
    background-color: #fff;
}

.btn {
    border: 0;
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
}

.btn-xl {
    padding: 15px 30px;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

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

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #222;
}







.top-soc a {    
    color: #fff;
    text-decoration: none;
}

.top-soc {
    box-shadow: inset 0px 0px 26px rgba(0,0,0,.15);
    color: #fff;
    background: #0383A0;
    display: block;
    left: 0px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 900;
    height: 38px;
}


ul.social {
    list-style: none;
    margin: 0;
}

ul.address {
    list-style: none;
    float: left;
}

.address li {
    display: inline-block;
    color: #fff;
    margin: 0 5px;
    padding: 9px 0 10px 0;
}

li {
    line-height: 20px;
}

.address i{
    padding-right: 5px;
}

ul.social li {
    display: inline-block;
    font-size: 18px;
    height: 38px;
    width: 40px;
    text-align: center;
    padding: 10px 3px 5px 3px;
    margin: 0px 2px 0 2px;
    box-shadow: 0 0 0 30px transparent;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: box-shadow .6s ease-in-out;
    -moz-transition: box-shadow .6s ease-in-out;
    -o-transition: box-shadow .6s ease-in-out;
    -ms-transition: box-shadow .6s ease-in-out;
    transition: box-shadow .6s ease-in-out;
}

.from-right {
    padding-left: 0px;
    position: relative;
}

.from-left {
    padding-right: 0px;
}





ul.social li:hover{

    background: #fff; 

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);

    -webkit-transition: box-shadow .4s ease-in-out;

    -moz-transition: box-shadow .4s ease-in-out;

    -o-transition: box-shadow .4s ease-in-out;

    -ms-transition: box-shadow .4s ease-in-out;

    transition: box-shadow .4s ease-in-out;

}

ul.social a{ color:#FFF; }

ul.social li:hover a{

    color: #0383A0;

    -moz-transition-duration: 0.3s;

    -webkit-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s ;

}











/*** Services ***/

.feature-box{ margin: 40px auto 20px; }

.feature-box:hover .feature-icon,

.feature-box:hover .read{ border-color: #0383A0}

.box-content {

    background: #fff;

    padding: 20px 25px 0px 25px;

    text-align: center;

    position: relative;

    border: 1px solid #dedede;

}

.feature-box:hover .feature-icon,

.about-icon:hover{

    -webkit-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.1);

    box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.1);

}

.box-content p{ margin: 0 }

.box-content .feature-icon,.about-icon {

    color: #fff;

    background: #0383A0;

    font-size: 30px;

    text-align: center;

    line-height: 60px;

    display: inline-block;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    top: -55px;

    position: relative;

    margin: 0 auto -150px;

    box-shadow: 0 0 0 30px transparent;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-transition: box-shadow .4s ease-in-out;

    -moz-transition: box-shadow .4s ease-in-out;

    -o-transition: box-shadow .4s ease-in-out;

    -ms-transition: box-shadow .4s ease-in-out;

    transition: box-shadow .4s ease-in-out;

}

.about-icon{

    top: 0px;

    margin: 30px 0;

    font-size: 30px;

    line-height: 60px;

    width: 60px;

    height: 60px;

    background: #0383A0;

    color: #fff;

    border: 1px solid #0383A0;

}

.read{

    font-family: 'Istok Web', sans-serif;

    background: #fff;

    text-align: center;

    display: inline-block;

    padding: 7px 20px;

    border: 1px solid #dedede;

    font-weight: 600;

    bottom: -21px;

    position: relative;

    margin: auto;

}

.box-content h3 {

    text-transform: uppercase;

    font-family: 'Istok Web', sans-serif;

    margin-top: -20px;

    font-size: 15px;

    font-weight: bolder;

}

.box-content h3:after{

    display: block;

    content: "";

    height: 1px;

    width: 50%;

    margin: 10px auto -5px;

    background: #dedede;

}

.feat1,.feat2 {

    border: 1px solid #dedede;

    padding: 15px; 

    min-height: 280px; 

    position:relative; 

    -webkit-box-sizing: border-box;

    margin: 60px auto 0;

    height: 100%;

    text-align:center;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px; 

}

.feat2{ border: 0; padding: 0 15px; margin: 30px auto 0;}

.feat2:hover .circle-2{ background: #f6f6f6; color: #0383A0}

.button_regular:hover,.right:hover{ border-color: #0383A0}

.icon {

    margin: 20px 0 15px;

    min-height: 50px;

    color: #0383A0;

}

.circle-1{

    font-size: 60px;

    text-align: center;

    line-height: 80px;

}

.circle-2{

    width: 130px;

    height: 130px;

    margin: 0 auto 10px;

    line-height: 130px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    display: inline-block;

    font-size: 60px;

    color: #fff;

    background-color: #0383A0;

}

.feat1 hr{ margin: 0 0 10px 0; border-top: 1px solid #dedede; }

.feat1 a,.link {

    color: #0383A0;

    font-size: 11px;

    font-weight: 700;

    text-transform: uppercase;

}

.title{ padding: 10px 0 0 0; text-align: center;}

.title h2{ text-transform: uppercase;

    color: #000;

    font-size: 18px;

    margin-bottom: -20px;
    font-weight: 700;

}

.title p{ color: #545454; }

.bullerBr { margin: 20px auto 30px; width: 50%; }

.bullerBr span {

    display: block;

    height: 0;

    font-size: 0;

}

.bullerBr i {

    color: #0383A0;

    display: block;

    font-size: 18px;

    margin: -6px auto;

    text-align: center;

    width: 18px;

}

.bullerBr label {

    font-size: 0;

    border-bottom: 1px solid #dedede;

    display: block;

    height: 0;

}

.smlwidth { width: 80%; margin: auto; }

ul.work{ margin:0; list-style: none; }

ul.work li{ margin-bottom: 30px; }

.post{ padding: 20px 10px 10px 10px; text-align: center; background: #fff; font-size: 18px; font-weight: 400; font-family: Voltaire; border-bottom: 4px solid #DBE2E7;} 

.flex-direction-nav a { top: 50%; margin: -22px auto; position:relative;}

.flex-direction-nav { margin: auto; text-align: center; }

.flex-direction-nav li{ display: inline-block; margin: 0 5px -8px 5px;}

.hoveritem {  font-size: 12px;  position: relative;  overflow: hidden;  line-height: 0;}

.hoveritem img {    position: relative; z-index: 4; max-width: 100%; }

.hoveritem .link { display: block; }

.hovercontent {

    background: rgba(242, 40, 54, 0.2);

    position: absolute;

    z-index: 5;

    line-height: 24px;

    width:100%;

    height:100%;

    text-align:center;

    opacity: 0;

    top: 100px;

}

ul.work li:hover .hovercontent,

.blog:hover .hovercontent { opacity: 1; top: 0px; *left: 10px; }

ul.work li:hover .post{ background: #0383A0; border-color: #0383A0; color: #fff}

.caption{ height: 25px; margin: 35% auto 0px; padding: 0 0 0px; width: 100%; border-bottom: 4px solid #0383A0;}

.text-banners {
    float: left;
    font-family: 'Istok Web', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -4px;
}

.favicon-banners {
    background-image: url(favicon-banners.png);
    width: 170px;
    height: 170px;
    z-index: 9999999;
    display: -webkit-inline-box;
    padding-top: 22px;
    margin-right: 15px;
    float: left;
    margin-top: -53px;
    margin-left: 15%;

}

.icons {    color: #fff; transition: all 0.5s linear 0s; }

.caption li{

    width: 50px;

    height: 38px;

    margin: 0 5px;

    color: #fff;

    font-size: 25px;

    text-align: center;

    padding: 12px 5px 0px 5px;

    border: 1px solid #0383A0;

}

a.icons:hover { text-decoration:none;}

#testimonial .title { padding: 60px 0 40px 0;}

.testimonial{ border-bottom: 4px solid #0383A0; border-top: 1px solid #0383A0}

.testimonials{ padding: 20px;}

.img-circle{ width: 80%; border: 5px solid #fff; }

.img-circle{ -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }

.testimonial{

    box-shadow: 0px 5px 0px #0383A0 inset, 0 0 10px #ccc;

    -moz-box-shadow: 0px 5px 0px #0383A0 inset, 0 0 10px #ccc;

    -webkit-box-shadow: 0px 5px 0px #0383A0 inset, 0 0 10px #ccc

}

ul.view {

    padding: 0px;

    margin: 0px;

    float: left;

    width: 100%;

}

.view li {

    padding: 0px;

    margin: 0px 0px 13px 0px;

    text-align: left;

    list-style: none;

}

li.left {

    float: left;

    width: 14%;

    padding: 23px 0px;

    position: relative;

    z-index: 2;

    color: #0383A0;

}

li.right {

    float: left;

    width: 75%;

    margin-left: -1px;

    padding: 3% 5%;

    border: 1px solid #dedede;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    position: relative;

}

/*** Logos ***/

.logos {

    display: table;

    width: 100%;

    padding: 0;

    margin: 0

}

.logos li {

    border: 1px solid #dedede;

    border-style: solid solid solid solid;

    display: inline-block;

    list-style: none;

    width: 23%;

    text-align: center;

    margin: 2px 2px 2px 2px;

}

.logos li a {

    display: block;

    padding: 10% 0;

    opacity: 0.5;

    filter: alpha(opacity=50);

    -webkit-transition: opacity 0.2s;

    transition: opacity 0.2s;

}

.logos li a:hover {  opacity: 1; filter: alpha(opacity=100); }

.logos li a img {  max-width: 100%;  height: auto; }

/*

.logos li:first-of-type {

    border: 1px solid #DBE2E7;

    border-style: solid solid solid none;

}

.logos li:last-of-type {

    border: 1px solid #DBE2E7;

    border-style: solid none solid solid;

}

*/

#services{ padding-bottom: 60px;}

.progress {

    height: 45px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    margin-bottom: 4px;

    background: #fff;

    border: 1px solid #f6f6f6;

    border-bottom: 3px solid #DBE2E7;

}

.progress .bar {

    border:  1px solid #0383A0;

    line-height: 40px;

    text-align: left;

    font-size: 14px;

    padding: 0 0 0 15px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    -webkit-text-shadow: none;

    -moz-text-shadow: none;

    text-shadow: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-transition: background-color .3s ease;

       -moz-transition: background-color .3s ease;

        -ms-transition: background-color .3s ease;

         -o-transition: background-color .3s ease;

            transition: background-color .3s ease;

}

/*** Tab ***/

.nav-tabs {

    border-bottom: none;

    margin-bottom: 0px;

    margin-left: 0;

    list-style: none;

    border-right: 1px solid #dedede;

}

.nav-tabs > li{ margin: 0 0px 0 0; }

.nav-tabs > li > a {    float: left; margin: 0 0px 0 0; }

.nav-tabs > li > a {

    padding: 12px 22px 12px 21px;

    line-height: 20px;

    border-radius: 0;

    border-color: #dedede;

    border-style: solid;

    border-width: 1px 0px 1px 1px;

    display: block;

    color:#454545;

}

.nav-tabs > li > a:hover{ background: #f6f6f6; border-left: 1px solid #dedede; border-top: 1px solid #dedede;}

.nav-tabs > .active > a,

.nav-tabs > .active > a:hover,

.nav-tabs > .active > a:focus {

    background: #fff;

    cursor: default;

    border-right: none;

}

.tab-content {

    overflow: auto;

    padding: 13px 20px 13px 20px;

    border: 1px solid #dedede;

    border-top: none;

    background: #fff;

}

.tab-content p{ margin: 0 }

/*** Tab2 ***/

#f-accordion { position: relative; }

#f-accordion .accordions {

    margin: 4px 0 0;

    padding: 14px 16px 13px 16px;

    background: #fff;

    position: relative;

    overflow: hidden;  

    outline: 0;

    cursor:pointer;

    border:1px solid #dedede;

}

#f-accordion .accordions:hover {  background: #f6f6f6; }

#f-accordion .ui-accordion-header-active,

#f-accordion .ui-accordion-header-active span,

.nav-tabs > .active > a,

.nav-tabs > .active > a:hover,

.nav-tabs > .active > a:focus{

    box-shadow: 0px 5px 0px #0383A0 inset;

    -moz-box-shadow: 0px 5px 0px #0383A0 inset;

    -webkit-box-shadow: 0px 5px 0px #0383A0 inset;

}

#f-accordion .ui-accordion-header-active span {

    background: url("assets/img/accordion-close.png") no-repeat scroll right center rgba(0, 0, 0, 0);

    display: inline-block;

    width: 39px;

    position: absolute;

    height: 50px;

    right: 0;

    top: 0;

    box-shadow: 0px 5px 0px #0383A0 inset;

    -moz-box-shadow: 0px 5px 0px #0383A0 inset;

    -webkit-box-shadow: 0px 5px 0px #0383A0 inset;

}

#f-accordion .accordions span {

    background: url("assets/img/accordion-open.png") no-repeat scroll right center rgba(0, 0, 0, 0);

    display: inline-block;

    width: 39px;

    position: absolute;

    height: 52px;

    right: 0;

    top: 0;

}

#f-accordion div {

    position:relative;

    margin:-1px 0 0;

    padding: 10px 20px 5px 20px;

    background: #fff;

    border:1px solid #dedede;

}



#f-accordion div:after {

    position: absolute;

    top: -14px;

    left: 25px;

    display: block;

    width: 0;

    height: 0;

    margin-left: -7px;

    border-width: 7px;

    border-style: solid;

    border-color: transparent transparent  #fff  transparent;

    content: '';

}

#f-accordion div:before {

    position: absolute;

    top: -14px;

    left: 25px;

    display: block;

    width: 0;

    height: 0;

    margin-left: -7px;

    border-width: 7px;

    border-style: solid;

    border-color: transparent transparent  #777  transparent;

    content: '';

}



.address a {

    color: #fff;

}



.about .flex-direction-nav { margin: 0 0 10px 0px;}

.about{ text-align:center; color: #fff; padding: 20px;  }

.about h3{ text-transform: uppercase; font-weight: 600 }

.blog{ margin-bottom: 20px; display: inline-block;}

.blog .caption{ margin: 15% auto 0px; }

.description h3{ margin: 0 }

.description{ padding: 10px; background: #f6f6f6; border-bottom: 4px solid #DBE2E7; }

.description .address li span{ width: 15px; }

.description p{ margin: 0; padding: 0 0 10px 0; border-bottom:1px solid #dedede }

.blog:hover .description{ background: #0383A0; color: #fff; border-color: #a32629;}

.blog:hover .address li{ color: #fff; }

.description .address li{ padding: 10px 0 0 0; }

.widget-right{ margin: 20px 0 }

.widget-right.widget_recent_post li {   border-bottom: solid 1px #dedede;}

.widget-right.widget_recent_post li a{ color: #454545 }

.blog form{ margin: 0 0 -40px 0  }

/*** Comments ***/

.commentlists {

    margin: 10px 0 0 0;

    padding: 0;

    list-style: none;

    display: inline-block;

}

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

.commentlists li { margin: 10px 0; padding: 20px 0 0 0; }

.commentlists li:before,

.commentlists li:after { display: table; content: ""; line-height: 0; }

.commentlists li:after {  clear: both; }

.commentlists li:first-child {  padding-top: 10px; }

.commentlists .comment-children {

    margin-left: 34px;

    border-left: 1px solid #dedede;

    padding: 3px 0 0 2px;

    position: relative;

}

.image-polaroid .img-circle{ width:100% }

.commentlists .comment-children li { padding-left: 65px;}

.commentlists .comment-children:before {    border: 2px solid #0383A0;}

.commentlists .comment-children:before {

    content: '';

    width: 1px;

    height: 1px;

    display: block;

    position: absolute;

    left: -3px;

    top: -3px;

    border-radius: 50%;

}

.meta-name a{ color: #454545 }

.commentlists .comment-author {

    width: 70px;

    height: 70px;

    float: left;

    margin: 0 20px 0 0;

}

.commentlists .comment-body {

    margin-left: 100px;

    padding: 20px;

    border: 1px solid #dedede;

    position: relative;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

.commentlists .comment-body:before,li.right:before {

    content: '';

    border-top: 9px solid transparent;

    border-bottom: 9px solid transparent;

    position: absolute;

    border-right: 11px solid #dedede;

    top: 21px;

    left: -11px;

    width: 0;

    height: 0;

    -webkit-transition: border-color 300ms;

    -moz-transition: border-color 300ms;

    -o-transition: border-color 300ms;

    transition: border-color 300ms;

}

.comment-body:hover{ border-color: #0383A0 }

.comment-body:hover:before,.right:hover:before{ border-right: 11px solid #0383A0; }

.commentlists .comment-body .comment-meta { margin-bottom: 9px;}

.commentlists .comment-body .comment-meta .reply { float: right; }

.commentlists .comment-body .comment-meta .reply a {  color: #999999; font-style: italic; }

.commentlists .comment-body .comment-meta .meta-name { font-weight: bold; }

.commentlists .comment-body .comment-meta .meta-date { color: #999999; font-style: italic; font-size: 12px; }

#contact{ padding: 40px 0 0 0 }

.purchase{ 

    padding: 25px 0; 

    color: #fff;

    background: #0383A0 url(assets/img/bg.png);

    background-size: cover;

}

.purchase h3{ font-weight: 200; text-transform: uppercase; float: left; line-height: 50px;}

.button_regular {

    border: 4px solid #fff;

    display: inline-block;

    color: #fff;

    min-width: 170px;

    text-align: center;

    margin: 5px 0;

    padding: 14px 0;

    font-size: 18px;

}

.button_regular:hover{ background: transparent; background: #fff; color: #0383A0; border-color: #fff;}

/* Pricing Tables 

===================================== */

.plan { box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.03); }

.plan ul{ list-style: none }

.plan h3 {

    width: 100%;

    font-size: 22px;

    padding: 18px 0;

    margin: 0;

    color: #fff;

    font-weight: 300;

    text-align: center;

    background-color: #b4b4b4;

    border-radius: 3px 3px 0 0;

}



.plan-price {

    font-size: 36px;

    font-weight: 300;

    color: #fff;

    text-align: center;

    padding: 25px 0 22px 0;

    position: relative;

    background-color: #a7a7a7;

}



.plan-currency {

    font-size: 24px;

    color: #fff;

    position: absolute;

    margin: 0px -20px;

}



.period {

    display: block;

    font-size: 16px;

    margin: 5px 0 0 0;

    opacity: 0.6;

}



.plan-features {

    background: #fff;

    border: 1px solid #dedede;

    border-top: none;

    padding: 12px 25px;

    border-radius: 0 0 3px 3px;

}



.plan-features ul li {

    padding: 12px 0;

    text-align: center;

    border-bottom: 1px solid #dedede;

}



.plan-features a.button {

    position: relative;

    display: block;

    width: 80px;

    margin: 0 auto;

    margin-top: 22px;

    margin-bottom: 10px;

    text-align: center;

    background-color: #b4b4b4;

    color: #fff;

}



.plan-features a.button:hover { background-color: #a7a7a7 }



/* Premium Plan Style */

.premium .plan-price,

.premium .plan-features a.button:hover { background-color: #0383A0; }

.premium.plan h3,

.premium .plan-features a.button { background-color: #a0a0a0; }



.featured .plan-price,

.featured .plan-features a.button:hover { background-color: #5c5c5c; }

.featured.plan h3,

.featured .plan-features a.button { background-color: #666; }

#map { width: 100%;     height: 370px; text-align: center; }

#map img { max-width:none; }

#map p { margin: 0; }

#map i {

    margin: 10px 0;

    text-shadow:none;

    background: #0383A0;

    color: #fff;

    font-size: 20px;

    line-height: 40px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 1px solid #0383A0;

    -webkit-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.1);

    -moz-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.1);

    box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.1);

}



.align-center { text-align: center;}

#map .gmap_marker { color: #333; text-shadow:none; }

/*** footer ***/

.footer{background: #0383A0;padding: 0px 0 0px 0;color: #fff;}

.accent-col > div:first-child{background-color: #1bc4de;}

.input-search{margin-top:10px;}

.footer p,.subfooter p{margin:0;}

.widget {margin-bottom: 40px;}

.widget ul,.widget-right ul {list-style: none; margin: 0;}

.widget_recent_post li {border-bottom: solid 1px #25272D;padding-bottom: 7px;margin-bottom: 5px;}

.widget_tags li { display: inline-block;margin-right: 2px; margin-bottom: 13px;}

.widget_tags li a {text-decoration: none;margin-bottom: 5px;border-radius: 1px; -moz-border-radius: 1px;-webkit-border-radius: 1px; color: #fff; border: 1px solid #fff; padding: 5px 8px 5px 8px;}

.widget_tags li a:hover{   

    color: #0383A0;

    background: #000;

    border: 1px solid #000;

}

ul.contact {margin:0;}

ul.contact li { text-align: left; list-style-type: none; line-height: 2em;}

.footer .fa{    margin-right: 10px; font-size: 15px;}

.footer span,

.address li span{font-weight: bold; width:25px; display: inline-block;}

#contact .contact span{ margin: 0px 0px 15px 0px; width: 50px; }

#contact .contact li{   border: solid 1px; margin-bottom: 10px; color: #0383A0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

#contact .contact li i{

    margin: 0px 10px 0px 0px;

    line-height: 40px;

    padding: 0px;

    width: 40px;

    text-align: center;

    height: 40px;

    display: inline-block;

    color: #ffffff;

    top: 0px;

    font-size: 14px;

    background: #0383A0;

}

.subfooter { background: #000; padding: 20px 0 20px 0; color: #fff}

.subfooter ul {float: right;margin: 0;padding: 0;}

.subfooter li {display: inline;padding: 0 15px 0 15px; border-left: solid 1px #939eb0;}

.subfooter a { color: #939eb0 !important;}

.footer a{ color: #8f9aae}

.footer a:hover{outline: 0; color: #ecf0f1;}

/*** responsive ***/

@media (min-width: 1200px) {



}

@media (max-width:979px) {

.navbar-fixed-top, .navbar-fixed-bottom {position:fixed;}

.navbar-fixed-top .navbar-inner{padding:0}

h3{margin:0}

}

@media (min-width: 768px) and (max-width: 979px) { 



.portfolio-hover-bottom {

border-left: 182px solid transparent;

border-right: 182px solid transparent;

}

body {padding-right:0; padding-left:0;}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {margin:0}

.container {margin-right: 15px;margin-left: 15px;}

#sub-nav { margin: 15.8% 0 0 0; }

.logos li{ width: 23%; }

.logos li a{ padding: 11px 0; }

.nav-tabs > li > a{ padding: 12px 7px 12px 7px; }

.about-icon{ line-height: 50px; width: 50px; height: 50px; font-size: 25px;}

}

@media (max-width: 767px){ 

.top-soc {
    display: none;
}

body {padding-right: 0px;padding-left: 0px;}

.container {margin-right: 15px;margin-left: 15px;}

h3{line-height: 27px;}

.footer,ul.contact li{text-align: center;}

#contact ul.contact li{ text-align: left; }

h1{font-size: 40px;}

h3,h4 {margin: 10px 0;text-align: center;}

h4 {line-height: 25px;}

.footer p, .subfooter p {line-height: 30px;}

.subfooter ul {display:none}

#f-accordion h3{ padding: 10px 20px 8px 20px; }

.nav-tabs > li > a { border-width: 1px 1px 1px 1px; padding: 12px 8px 12px 7px;}

.nav-tabs > li {margin: 0 2px 0 0;}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus,.nav-tabs > li > a:hover{ border-right: 1px solid #dedede }

.img-circle { width: 45%; margin-bottom: 10px}

.testimonial p{ text-align: center }

#content p{ text-align: center }

#sub-nav { margin: 15.8% 0 0 0; }

#sub-nav h2{ float: none; text-align: center }

.skillbar-title span { padding: 0; text-align: center; }

.skillbar-title { width: 80px; }

.logos{ margin: 70px 0; }

.logos li{ width: 24.5555%; margin: 0;}



}

@media (max-width: 480px) {

header .header-content .header-content-inner h1 {
    margin-top: 100px;
}

section {
    padding: 70px 0;
}



.navbar-collapse {
    margin-top: 30px;
}


#sub-nav { margin: 24.8% 0 0 0;}

.navbar .nav>li>a{ padding: 10px 35px 10px; line-height: 15px;}

.get-purchase{ display: none  }

.logos li { width: 32.5555%; }

}

/*** loading ***/

.doc-loader {background-color: #fff; position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999; }

.windows8 {

position: relative;

width: 90px;

height:90px;

margin: auto;

}

.windows8 .wBall {

position: absolute;

width: 86px;

height: 86px;

opacity: 0;

-moz-transform: rotate(225deg);

-moz-animation: orbit 7.15s infinite;

-webkit-transform: rotate(225deg);

-webkit-animation: orbit 7.15s infinite;

-ms-transform: rotate(225deg);

-ms-animation: orbit 7.15s infinite;

-o-transform: rotate(225deg);

-o-animation: orbit 7.15s infinite;

transform: rotate(225deg);

animation: orbit 7.15s infinite;

}

.windows8 .wBall .wInnerBall{

position: absolute;

width: 11px;

height: 11px;

background: #0383A0;

left:0px;

top:0px;

-moz-border-radius: 11px;

-webkit-border-radius: 11px;

-ms-border-radius: 11px;

-o-border-radius: 11px;

border-radius: 11px;

}

.windows8 #wBall_1 {

-moz-animation-delay: 1.56s;

-webkit-animation-delay: 1.56s;

-ms-animation-delay: 1.56s;

-o-animation-delay: 1.56s;

animation-delay: 1.56s;

}

.windows8 #wBall_2 {

-moz-animation-delay: 0.31s;

-webkit-animation-delay: 0.31s;

-ms-animation-delay: 0.31s;

-o-animation-delay: 0.31s;

animation-delay: 0.31s;

}

.windows8 #wBall_3 {

-moz-animation-delay: 0.62s;

-webkit-animation-delay: 0.62s;

-ms-animation-delay: 0.62s;

-o-animation-delay: 0.62s;

animation-delay: 0.62s;

}

.windows8 #wBall_4 {

-moz-animation-delay: 0.94s;

-webkit-animation-delay: 0.94s;

-ms-animation-delay: 0.94s;

-o-animation-delay: 0.94s;

animation-delay: 0.94s;

}

.windows8 #wBall_5 {

-moz-animation-delay: 1.25s;

-webkit-animation-delay: 1.25s;

-ms-animation-delay: 1.25s;

-o-animation-delay: 1.25s;

animation-delay: 1.25s;

}

@-moz-keyframes orbit {

0% {

opacity: 1;

z-index:99;

-moz-transform: rotate(180deg);

-moz-animation-timing-function: ease-out;

}



7% {

opacity: 1;

-moz-transform: rotate(300deg);

-moz-animation-timing-function: linear;

-moz-origin:0%;

}



30% {

opacity: 1;

-moz-transform:rotate(410deg);

-moz-animation-timing-function: ease-in-out;

-moz-origin:7%;

}



39% {

opacity: 1;

-moz-transform: rotate(645deg);

-moz-animation-timing-function: linear;

-moz-origin:30%;

}



70% {

opacity: 1;

-moz-transform: rotate(770deg);

-moz-animation-timing-function: ease-out;

-moz-origin:39%;

}



75% {

opacity: 1;

-moz-transform: rotate(900deg);

-moz-animation-timing-function: ease-out;

-moz-origin:70%;

}



76% {

opacity: 0;

-moz-transform:rotate(900deg);

}



100% {

opacity: 0;

-moz-transform: rotate(900deg);

}



}



@-webkit-keyframes orbit {

0% {

opacity: 1;

z-index:99;

-webkit-transform: rotate(180deg);

-webkit-animation-timing-function: ease-out;

}



7% {

opacity: 1;

-webkit-transform: rotate(300deg);

-webkit-animation-timing-function: linear;

-webkit-origin:0%;

}



30% {

opacity: 1;

-webkit-transform:rotate(410deg);

-webkit-animation-timing-function: ease-in-out;

-webkit-origin:7%;

}



39% {

opacity: 1;

-webkit-transform: rotate(645deg);

-webkit-animation-timing-function: linear;

-webkit-origin:30%;

}



70% {

opacity: 1;

-webkit-transform: rotate(770deg);

-webkit-animation-timing-function: ease-out;

-webkit-origin:39%;

}



75% {

opacity: 1;

-webkit-transform: rotate(900deg);

-webkit-animation-timing-function: ease-out;

-webkit-origin:70%;

}



76% {

opacity: 0;

-webkit-transform:rotate(900deg);

}



100% {

opacity: 0;

-webkit-transform: rotate(900deg);

}



}



@-ms-keyframes orbit {

0% {

opacity: 1;

z-index:99;

-ms-transform: rotate(180deg);

-ms-animation-timing-function: ease-out;

}



7% {

opacity: 1;

-ms-transform: rotate(300deg);

-ms-animation-timing-function: linear;

-ms-origin:0%;

}



30% {

opacity: 1;

-ms-transform:rotate(410deg);

-ms-animation-timing-function: ease-in-out;

-ms-origin:7%;

}



39% {

opacity: 1;

-ms-transform: rotate(645deg);

-ms-animation-timing-function: linear;

-ms-origin:30%;

}



70% {

opacity: 1;

-ms-transform: rotate(770deg);

-ms-animation-timing-function: ease-out;

-ms-origin:39%;

}



75% {

opacity: 1;

-ms-transform: rotate(900deg);

-ms-animation-timing-function: ease-out;

-ms-origin:70%;

}



76% {

opacity: 0;

-ms-transform:rotate(900deg);

}



100% {

opacity: 0;

-ms-transform: rotate(900deg);

}



}



@-o-keyframes orbit {

0% {

opacity: 1;

z-index:99;

-o-transform: rotate(180deg);

-o-animation-timing-function: ease-out;

}



7% {

opacity: 1;

-o-transform: rotate(300deg);

-o-animation-timing-function: linear;

-o-origin:0%;

}



30% {

opacity: 1;

-o-transform:rotate(410deg);

-o-animation-timing-function: ease-in-out;

-o-origin:7%;

}



39% {

opacity: 1;

-o-transform: rotate(645deg);

-o-animation-timing-function: linear;

-o-origin:30%;

}



70% {

opacity: 1;

-o-transform: rotate(770deg);

-o-animation-timing-function: ease-out;

-o-origin:39%;

}



75% {

opacity: 1;

-o-transform: rotate(900deg);

-o-animation-timing-function: ease-out;

-o-origin:70%;

}



76% {

opacity: 0;

-o-transform:rotate(900deg);

}



100% {

opacity: 0;

-o-transform: rotate(900deg);

}



}



@keyframes orbit {

0% {

opacity: 1;

z-index:99;

transform: rotate(180deg);

animation-timing-function: ease-out;

}



7% {

opacity: 1;

transform: rotate(300deg);

animation-timing-function: linear;

origin:0%;

}



30% {

opacity: 1;

transform:rotate(410deg);

animation-timing-function: ease-in-out;

origin:7%;

}



39% {

opacity: 1;

transform: rotate(645deg);

animation-timing-function: linear;

origin:30%;

}



70% {

opacity: 1;

transform: rotate(770deg);

animation-timing-function: ease-out;

origin:39%;

}



75% {

opacity: 1;

transform: rotate(900deg);

animation-timing-function: ease-out;

origin:70%;

}



76% {

opacity: 0;

transform:rotate(900deg);

}



100% {

opacity: 0;

transform: rotate(900deg);

}



}



.brand img {

    padding-top: 4px;

    width: 170px;

}



.favicon {

    padding-bottom: 18px;

    width: 6%;

    margin-left: auto;

    margin-right: auto;

}

.list-3 li {
    list-style: none;
    margin: 5px 5px 5px 0;
    width: 48%;
    display: table-row;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #0383A0;
}

@media (max-width: 767px){

    .menu-footer {
        margin-left: -40px;
        font-size: 12px;
    }

    .contact .row-fluid [class*="span"]:first-child { margin-top: 0px}

    .callbacks_nav{
        display: none;
    }

.favicon { width: 20%;}

.list-3 li {
    width: 100%;
}

.container h2 {
    margin-top: 30px;
}

#services  .srv-align .row-fluid [class*="span"]:first-child { margin-top: -20px}

#services .row-fluid [class*="span"]:first-child { margin-top: 40px}

#services { padding-bottom: 20px;}



.feature-box{margin-top: 90px; margin-bottom: 0;}

}






.list-3 li:before, .widget-right.widget_recent_post li :before {
    content: "\f00c";
    font-family: "FontAwesome";
    margin: 0 7px 0 0;
    position: relative;
    color: #0383A0;
}

.img-direitos {
    font-style: italic;
    font-size: 12px;
    padding-top: 10px;
}

strong {color: #0383A0;}

.btn-voltar {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    float: left;
    font-weight: 500;
    padding-top: 8px;
    
}

.btn-voltar a {
    text-decoration: none;
    color: #0383A0;
}

.btn-voltar i{
    color: #0383A0;
}