@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { padding-top: 70px; color: #34495e; background: #f5f5f5; font-family: 'Roboto', sans-serif; font-weight: 300; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Roboto', sans-serif; font-weight: 400; }
a { color: #34495e; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }
.btn { font-weight: 400; }
.btn-transparent { border: 3px solid #fff; background: transparent; color: #fff; }
.btn-transparent:hover { border-color: rgba(255, 255, 255, 0.5); }
a:hover,
a:focus { color: #d9534f; text-decoration: none; outline: none; }
.dropdown-menu { margin-top: -1px; min-width: 180px; }
body > section { padding: 50px 0; }

.navbar-header  { position: relative; height: 70px; }
.navbar-brand1 { display:none; }
.navbar-inverse .navbar-brand { position: absolute; z-index: 1; top: 0; left: 0; border-radius: 0 0 15px 15px; box-shadow: 1px 1px 5px #333; background-color: #f4f4f4; padding: 5px 15px 5px 5px; }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { background-color: #ebebeb; }
.nav > li.flag > a { padding: 0 5px; }
.navbar-inverse .navbar-nav > li.flag > a { padding-top: 0; padding-bottom: 0; }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav > li.flag,
    .nav > li.flag > a { display: inline; }
    .nav > li.flag { margin-left: 15px; }

    .navbar-toggle { padding: 9px; }
    .navbar-toggle span { display: block; width: 30px; border-bottom: 2px solid #fff; margin: 1px 0 3px; padding: 2px 0; }
    .navbar-collapse { padding-top: 15px; }
}

.carousel-content1 { background-color: rgba(104, 142, 179, 0.3); padding: 5px 10px 5px 20px; border-radius: 5px; box-shadow: 0px 0px 1px #fff; }
.carousel-content2 { margin-top: 420px !important; }
.carousel-content h2 { text-shadow: 1px 1px 5px #333; }
.carousel-content p { text-shadow: 1px 1px 3px #333; }

#services .media:hover .icon-md { border-radius: 10px; /*background-color: rgba(0, 0, 0, 0.8);*/ background-color: #c0a56e; }
#services a { color: #B89B63; }
#services a:hover { text-decoration: underline; }

#recent-works { padding: 90px 0; }
#recent-works .item-inner { position: relative; margin: 0; }

.logo-simbolo { width: 60px; height: 60px; }
.blog-content a:not(.btn) { font-weight: bold; color: #1d500d; }
.blog-content a:not(.btn):hover { font-weight: bold; color: #d9534f; }
.blog-content ul li { margin-bottom: 10px; }

#anuncio { background-color: #fff; }
.anuncio div { float: left; margin-right: 15px; }
@media (max-width: 767px) {
    .anuncio div { float: none; text-align: center; }
}
#anuncio a { color: #d9534f; }
#anuncio a:hover { text-decoration: underline; }

.footer { color: #fff; }
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { color: #fff; }
.footer small { color: rgba(255, 255, 255, 0.8); }
.footer { background-color: #366D56; }
.footer a { color: #ff9; }

.topo-titulo { color: #fff; padding: 70px 0 20px; }
.topo-titulo h1,
.topo-titulo h2,
.topo-titulo h3,
.topo-titulo h4,
.topo-titulo h5,
.topo-titulo h6 { color: #fff; }
.topo-titulo h1 { text-shadow: 1px 1px 3px #000; }
.topo-titulo small { color: rgba(255, 255, 255, 0.8); }
.topo-titulo { background-color: #00604c; }
.topo-titulo a { color: #ff9; }

.info { color: #fff; }
.info h1, .topo-titulo h2, .topo-titulo h3, .topo-titulo h4, .topo-titulo h5, .topo-titulo h6 { color: #fff; }
.info small { color: rgba(255, 255, 255, 0.8); }
.info { background-color: #34495e; }
.info a { color: #ff9; }
.info a:not(.btn) { color: #FEF1C7; }
.info a:not(.btn):hover { color: #F5CEA7; }

.galeria a { margin-right: 8px; margin-bottom: 8px; display: inline-block; }
.galeria a img { max-width: 200px; max-height: 125px; }






.turquoise,
.green-sea,
.sun-flower,
.orange,
.emerald,
.nephrits,
.carrot,
.pumkin,
.peter-river,
.belize-hole,
.alizarin,
.pomegranate,
.amethyst,
.wisteria,
.clouds .silver,
.wet-asphalt,
.midnight-blue,
.concrete,
.asbestos { color: #fff; }
.turquoise h1,.turquoise h2,.turquoise h3,.turquoise h4,.turquoise h5,.turquoise h6,
.green-sea h1,.green-sea h2,.green-sea h3,.green-sea h4,.green-sea h5,.green-sea h6,
.sun-flower h1,.sun-flower h2,.sun-flower h3,.sun-flower h4,.sun-flower h5,.sun-flower h6,
.orange h1,.orange h2,.orange h3,.orange h4,.orange h5,.orange h6,
.emerald h1,.emerald h2,.emerald h3,.emerald h4,.emerald h5,.emerald h6,
.nephrits h1,.nephrits h2,.nephrits h3,.nephrits h4,.nephrits h5,.nephrits h6,
.carrot h1,.carrot h2,.carrot h3,.carrot h4,.carrot h5,.carrot h6,
.pumkin h1,.pumkin h2,.pumkin h3,.pumkin h4,.pumkin h5,.pumkin h6,
.peter-river h1,.peter-river h2,.peter-river h3,.peter-river h4,.peter-river h5,.peter-river h6,
.belize-hole h1,.belize-hole h2,.belize-hole h3,.belize-hole h4,.belize-hole h5,.belize-hole h6,
.alizarin h1,.alizarin h2,.alizarin h3,.alizarin h4,.alizarin h5,.alizarin h6,
.pomegranate h1,.pomegranate h2,.pomegranate h3,.pomegranate h4,.pomegranate h5,.pomegranate h6,
.amethyst h1,.amethyst h2,.amethyst h3,.amethyst h4,.amethyst h5,.amethyst h6,
.wisteria h1,.wisteria h2,.wisteria h3,.wisteria h4,.wisteria h5,.wisteria h6,
.clouds .silver h1,.clouds .silver h2,.clouds .silver h3,.clouds .silver h4,.clouds .silver h5,.clouds .silver h6,
.wet-asphalt h1,.wet-asphalt h2,.wet-asphalt h3,.wet-asphalt h4,.wet-asphalt h5,.wet-asphalt h6,
.midnight-blue h1,.midnight-blue h2,.midnight-blue h3,.midnight-blue h4,.midnight-blue h5,.midnight-blue h6,
.concrete h1,.concrete h2,.concrete h3,.concrete h4,.concrete h5,.concrete h6,
.asbestos h1,.asbestos h2,.asbestos h3,.asbestos h4,.asbestos h5,.asbestos h6 { color: #fff; }

.turquoise small,
.green-sea small,
.sun-flower small,
.orange small,
.emerald small,
.nephrits small,
.carrot small,
.pumkin small,
.peter-river small,
.belize-hole small,
.alizarin small,
.pomegranate small,
.amethyst small,
.wisteria small,
.clouds .silver small,
.wet-asphalt small,
.midnight-blue small,
.concrete small,
.asbestos small {   color: rgba(255, 255, 255, 0.8); }
.turquoise { background-color: #1abc9c; }
.green-sea { background-color: #16a085; }
.sun-flower { background-color: #f1c40f; }
.orange { background-color: #f39c12; }
.emerald { background-color: #2ecc71; }
.nephritis { background-color: #27ae60; }
.carrot { background-color: #e67e22; }
.pumkin { background-color: #d35400; }
.peter-river { background-color: #3498db; }
.belize-hole { background-color: #2980b9; }
.alizarin { background-color: #e74c3c; }
.pomegranate { background-color: #c0392b; }
.amethyst { background-color: #9b59b6; }
.wisteria { background-color: #8e44ad; }
.clouds { background-color: #ecf0f1; }
.silver { background-color: #bdc3c7; }
.wet-asphalt { background-color: #34495e; }
.wet-asphalt a:not(.btn) { color: #FEF1C7; }
.wet-asphalt a:not(.btn):hover { color: #F5CEA7; }
.midnight-blue { background-color: #2c3e50; }
.concrete { background-color: #95a5a6; }
.asbestos { background-color: #7f8c8d; }

.embed-container { position: relative; 
                   padding-bottom: 56.25%;  /* 16/9 ratio */
                   padding-top: 30px;  /* IE6 workaround*/
                   height: 0; overflow: hidden; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#main-slider { position: relative; }
#main-slider .carousel h2 { font-size: 32px; }
#main-slider .carousel .btn { border: 3px solid rgba(255, 255, 255, 0.5); color: #fff; border-radius: 0; margin-top: 5px; }
#main-slider .carousel .btn:hover { background-color: rgba(255, 255, 255, 0.3); }
#main-slider .carousel .boxed { padding: 10px 15px; background-color: rgba(0, 0, 0, 0.8); display: inline-block; }
#main-slider .carousel .item { background-position: 50%; background-repeat: no-repeat; background-size: cover; left: 0 !important; opacity: 0; top: 0; position: absolute;
                               width: 100%; display: block !important; height: 400px; 
                               -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; }
#main-slider .carousel .item:first-child { top: auto; position: relative; }
#main-slider .carousel .item.active { opacity: 1; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms;
                                      -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; z-index: 1; }
#main-slider .prev, 
#main-slider .next { position: absolute; top: 50%; background-color: rgba(0, 0, 0, 0.3); color: #fff; display: inline-block; margin-top: -25px; font-size: 24px;
                     height: 50px; width: 50px; line-height: 50px; text-align: center; border-radius: 4px; z-index: 5; }
#main-slider .prev:hover,
#main-slider .next:hover { background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; }
#main-slider .prev { left: 10px; }
#main-slider .next { right: 10px; }
#main-slider .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both;
                                                  -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; }
#main-slider .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both;
                                                  -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; }
#main-slider .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both;
                                                  -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; }
#main-slider .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both;
                                                  -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; }

.portfolio-items,
.portfolio-filter { list-style: none; padding: 0; margin: 0 -20px 20px 0; }
.portfolio-filter > li { display: inline-block; }
.portfolio-items > li { float: left; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.portfolio-items.col-2 > li { width: 50%; }
.portfolio-items.col-3 > li { width: 33%; }
.portfolio-items.col-4 > li { width: 25%; }
.portfolio-items.col-5 > li { width: 20%; }
.portfolio-items.col-6 > li { width: 16%; }
.portfolio-item { padding: 0; margin: 0; }
.portfolio-item .item-inner { background: #fff; border: 1px solid #eee; padding: 10px 10px 0; margin: 0 20px 20px 0; position: relative; }
.portfolio-item img { width: 100%; }
.portfolio-item h5 { background: #fff; margin: 0; padding: 10px 0; font-weight: 700; font-size: 14px; color: #2c3e50; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.portfolio-item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: rgba(255, 255, 255, 0.9); text-align: center;
                           vertical-align: middle; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; }
.portfolio-item .overlay .preview { position: relative; top: 50%; display: inline-block; margin-top: -20px; }
.portfolio-item:hover .overlay { opacity: 1; }

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s;
                         transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width;
           -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; 
                         -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s;
                                       -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

#pricing-table .plan { border-radius: 4px; list-style: none; margin: 0 0 20px; background: #3498db; text-align: center; padding: 30px 0; }
#pricing-table .plan li { padding: 5px 0; color: #fff; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
#pricing-table .plan li.plan-name { font-size: 24px; line-height: 24px; color: #fff; }
#pricing-table .plan li.plan-name h3 { margin: 0; }
#pricing-table .plan li.plan-price { margin-bottom: 10px; }
#pricing-table .plan li.plan-price > div { display: inline-block; background-color: rgba(0, 0, 0, 0.2); padding: 10px; font-size: 24px;
                                           border-radius: 100%; width: 70px; height: 70px; }
#pricing-table .plan li.plan-price > div sup { font-size: 10px; line-height: 10px; }
#pricing-table .plan li.plan-price > div > small { display: block; font-size: 11px; }
#pricing-table .plan li.plan-action { margin-top: 10px; border-top: 0; }
#pricing-table .plan.featured { background-color: #2c3e50; }
#title h1 { margin: 0; font-size: 36px; font-weight: 300; }

.center { text-align: center; }
#meet-the-team .designation { margin-top: 5px; display: block; font-size: 13px; }
.img-thumbnail { border: 0; }
.well { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; }
.gap { margin-bottom: 50px; }
.big-gap { margin-bottom: 100px; }
.row > div { margin-bottom: 10px; }
.box-border { padding: 15px; }
.widget { margin-bottom: 30px; }
.no-margin { margin: 0; padding: 0; }
.registration-form { border: 0; background-color: #fff; padding: 20px; display: inline-block; }
textarea#message { padding: 10px 15px; height: 219px; }

.progress,
.progress .bar { background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 30px; line-height: 30px; }

ul.breadcrumb { margin: 20px 0 0; background: transparent; }
ul.breadcrumb > li { text-shadow: none; }
ul.breadcrumb > li > a,
ul.breadcrumb > li .divider { color: #fff; }
ul.breadcrumb > li.active { color: rgba(255, 255, 255, 0.7); }

ul.tag-cloud { list-style: none; padding: 0; margin: 0; }
ul.tag-cloud li { display: inline-block; margin: 0 0 2px 0; }

.btn-social { border: 0; color: #fff; border-radius: 100%; display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; padding: 0; }
.btn-social.btn-facebook { background: #4f7dd4; }
.btn-social.btn-facebook:hover { background: #789bde; }
.btn-social.btn-twitter { background: #5bceff; }
.btn-social.btn-twitter:hover { background: #8eddff; }
.btn-social.btn-linkedin { background: #21a6d8; }
.btn-social.btn-linkedin:hover { background: #49b9e3; }
.btn-social.btn-google-plus { background: #dc422b; }
.btn-social.btn-google-plus:hover { background: #e36957; }
.btn-social:hover { color: #fff; }

.navbar-inverse { border: none; background-color: #366D56; box-shadow: 1px 1px 3px #333; }
.navbar-inverse .navbar-brand { font-family: 'Bubbler One', sans-serif; font-size: 36px; line-height: 50px; color: #fff; }
.navbar-inverse .navbar-nav { margin-top: 20px; }
.navbar-inverse .navbar-nav > li > a { padding-top: 7px; padding-bottom: 7px; border-radius: 4px; color: #9EC3B2; }
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { background-color: #b89b63; }
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { background-color: rgba(184, 155, 99, 0.6); }
.navbar-inverse .navbar-nav .dropdown-menu { background-color: #3B6861; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; 
                                             border: 0; padding: 0; margin-top: -3px; }
.navbar-inverse .navbar-nav .dropdown-menu > li > a { padding: 8px 15px; color: #bdc3c7; }
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a { background-color: rgba(0, 0, 0, 0.3); color: #fff; }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { border-radius: 0 0 3px 3px; }
.navbar-inverse .navbar-nav .dropdown-menu > li.divider { background-color: rgba(0, 0, 0, 0.1); }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form { border-top: 0; }


#social-media .icon-facebook { background-color: #3c5899; }
#social-media .icon-facebook:hover { background-color: #4e6fba; }
#social-media .icon-twitter { background-color: #29c5f6; }
#social-media .icon-twitter:hover { background-color: #5ad2f8; }
#social-media .icon-google-plus { background-color: #d13d2f; }
#social-media .icon-google-plus:hover { background-color: #da6459; }
#social-media .icon-pinterest { background-color: #c61118; }
#social-media .icon-pinterest:hover { background-color: #ec1e26; }

.icon-lg { font-size: 48px; height: 108px; width: 108px; line-height: 108px; color: #fff; margin: 10px; background-color: rgba(0, 0, 0, 0.4); text-align: center;
           display: inline-block !important; border-radius: 100%; }
/*.icon-md { font-size: 36px; height: 68px; width: 68px; line-height: 68px; color: #fff; margin-right: 10px; background-color: rgba(0, 0, 0, 0.4); text-align: center; */
.icon-md { font-size: 36px; height: 68px; width: 68px; line-height: 68px; color: #fff; margin-right: 10px; background-color: rgba(56, 118, 93, 0.9); text-align: center;
           display: block; border-radius: 50%; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; }

.modal { border: 0; }
.modal#loginForm { width: 600px; margin-left: -300px; }
.modal .modal-header { border: 0; padding: 20px 20px 0; }
.modal .modal-header > h4 { font-weight: 300; font-size: 14px; color: #848484; text-transform: uppercase; margin: 0; }
.modal .modal-body { padding: 20px; }
.modal input[type="text"],
.modal input[type="password"] { padding: 5px 10px; min-height: 30px; width: 130px; margin-right: 10px; }
.modal .icon-remove { color: #848484; position: absolute; right: -5px; top: -5px; width: 16px; height: 16px; line-height: 16px; text-align: center; display: block;
                      background: #ebebeb; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor: pointer; }
.modal button { margin-left: 10px; border: 0; }

#bottom { color: #bdc3c7; }
#bottom h4 { margin-top: 0; margin-bottom: 15px; }
#bottom .media-heading { display: block; font-weight: 400; }

ul.unstyled { list-style: none; padding: 0; margin: 0; }
/*Unordered Lists*/
ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss { list-style: none; padding: 0; margin: 0; }
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after { font-family: FontAwesome; font-size: 11px; }
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before { margin-right: 5px; }
ul.arrow li::before { content: "\f105"; }
ul.arrow-double li::before { content: "\f101"; }
ul.tick li::before { content: "\f00c"; } 
ul.cross li::before { content: "\f00d"; }
ul.star li::before { content: "\f006"; }
ul.rss li::before { content: "\f09e"; }

#footer { padding-top: 30px; padding-bottom: 30px; color: #bdc3c7; }
#footer { padding-top: 30px; padding-bottom: 10px; color: #60450E; background-color: #C0A56E; }
#footer { padding-top: 30px; padding-bottom: 10px; color: #fff; background-color: #333; }
#footer a { color: #bdc3c7; }
#footer a:hover { color: #d9534f; }
#footer ul { list-style: none; padding: 0; margin: 0; }
#footer ul > li { display: inline-block; margin-left: 15px; }

ul.social { list-style: none; margin: 10px 0 0; padding: 0; display: inline-block; }
ul.social > li { display: inline-block; margin: 0 5px; }
ul.social > li > a { font-size: 24px; color: #666; }
ul.social > li > a:hover { color: #999; }

.accordion-group { background-color: #fff; border-top: 1px solid #f0f0f0; }
.accordion-heading .accordion-toggle { color: #666; font-weight: 700; }
.accordion-inner { border-top: 0; }

.blog .blog-item { background-color: #fff; border-radius: 5px; margin-bottom: 20px; }
.blog .blog-item .img-blog { width: 100%; border-radius: 5px 5px 0 0; }
.blog .blog-item .blog-content { padding: 20px; }
.blog .blog-item h3 { margin-top: 0; }
.blog .blog-item .entry-meta { margin-bottom: 20px; }
.blog .blog-item .entry-meta > span { display: inline-block; color: #999; margin-right: 10px; font-size: 12px; }
.blog .blog-item .entry-meta > span a { color: #999; }

ul.pagination > li > a { border: 0; }
ul.pagination > li.active > a,
ul.pagination > li:hover > a { background-color: #34495e; color: #fff; }

ul.gallery { list-style: none; padding: 0; margin: 0; }
ul.gallery li { display: block; width: 60px; padding: 0; margin: 0 4px 4px 0; float: left; }

ul.faq { list-style: none; margin: 0; }
ul.faq li { margin-top: 30px; }
ul.faq li:first-child { margin-top: 0; }
ul.faq li span.number { display: block; float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #34495e; color: #fff; font-size: 24px; }
ul.faq li > div { margin-left: 70px; }
ul.faq li > div h3 { margin-top: 0; }

#error { text-align: center; margin-top: 150px; margin-bottom: 150px; }

#blog { font-size: 16px }
.text-center .img-responsive { margin: 0 auto; }