body {overflow-x:hidden}
a {outline:0 !important}
h1 {font-size:155%}
h2 {font-size:135%;margin-top:0}
h3 {font-size:130%}
h4 {font-size:120%}
p {line-height:150%;font-size:120%}
pre {border:none;padding:0;font-size:120%;font-family:Helvetica}
img {max-width:100%;height:auto}

/* Header */
.lang-bar {padding:10px 20px;font-size:120%;text-align:right;color:#007CF3;background:#BEBEBE;position:relative;z-index:10}
.lang-bar div {display:none}
.tl-bar {background:linear-gradient(#046CA9, #003459)}
.logo {width:450px;height:200px;border-radius:200px/100px;box-shadow:0 0 10px;background:#fff;position:absolute;z-index:1;left:-100px;top:-20px}
.logo img {display:block;margin-left:100px;margin-top:25px}
.phone a {background:#017EFC;color:#fff;font-size:200%;padding:4px 20px 10px 20px;display:inline-block;border-radius:0 0 0 10px;text-decoration:none;margin-right:-15px}
.phone i {background:#fff;border-radius:20px;color:#017EFC;padding:5px;vertical-align:middle}

/* Navegation */
.navbar {margin-bottom:0;padding-bottom:10px;border:0;border-radius:0;background:linear-gradient(#003459, #013356);text-align:center}
.navbar a {color:#fff;font-size:150%;border-bottom:2px solid transparent}
.nav > li > a:focus, .nav > li > a:hover, .navbar .active a {background:none;border-bottom:2px solid #C6CFD4}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {border-color:#C6CFD4;background:none}
.navbar .navbar-nav {float:none;display:inline-block}
.dropdown-menu {background:#013356}
.dropdown-menu > li > a {color:#fff}

/* Slideshow */
#myCarousel {border-bottom:5px solid #017EFC}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%;margin:auto}
.carousel-control.left, .carousel-control.right {background-image:none}
.carousel-inner .item {transition-property: opacity;}
.item, .active.left, .active.right {opacity: 0;}
.active, .next.left, .prev.right {opacity: 1;}
.next, .prev, .active.left, .active.right {left: 0;transform: translate3d(0, 0, 0);}
.carousel-indicators {
  bottom:-60px;margin-left:0;left:auto;left:15%;
  border-bottom: 50px solid #017EFC; border-left: 50px solid transparent; border-right: 50px solid transparent; 
  height: 0;width:200px;transform:rotate(180deg);
}
.carousel-indicators li {margin-top:20px;background-color:#fff}
.carousel-indicators .active {background-color:#4A4645;border-color:#4A4645}
.carousel-caption {font-size:120%;margin-left:0px;left:auto;right:auto;padding:20px 0;z-index:10}
.carousel-caption p {display:block;margin:auto;position:relative;padding-left:50px}
.carousel-caption:before {content:'';display:block;background:#017EFC;bottom:0;transform:skew(30deg);z-index:0;position:absolute;top:-5px;right:10%;width:2000px;height:100px}
.freequote {background:#0058B1;color:#fff;font-size:150%;position:relative;z-index:100;width:220px;height:97px;transform:skew(30deg);margin-left:825px;margin-top:-102px}
.freequote:hover {background:#0064c9}
.freequote a {display:block;transform:skew(-30deg);padding:30px;color:#fff;text-decoration:none}
.freequote i {font-size:150%;vertical-align:middle}
/* Inicio */
.home-txt {margin-top:70px;padding-bottom:20px}
.since-bg {background:url(../img/home-since.jpg) center no-repeat;background-size:cover;background-attachment:fixed;padding:50px 0}
.since {height:370px;text-align:center;position:relative;z-index:10;}
.since:before {content:'';display:block;position:absolute;z-index:-1;width:100%;height:370px;background:#fff;border-radius:20px;opacity:0.7}
.since div {position:relative}
.since div img {margin-top:-35px}
.since span {display:inline-table;width:24%;padding:10px}
.since strong {display:block;margin:5px}
.projects {text-align:center;padding:30px 0}
.projects span {display:block;font-size:150%}
.projects a {background:#017EFC;color:#fff;font-size:150%;padding:10px;border-radius:10px;display:inline-block;margin-right:60px}
.projects a:hover {text-decoration:none;background:#1864B0}
.projects img {max-width:100%;height:auto}
.grad-frame {display:inline-block;margin:20px;padding:5px;border-radius:10px;background:linear-gradient(to right, #999999, #CBCBCB, #FCFCFC, #CBCBCB, #999999)}
.grad-frame img {border-radius:5px}
.brands {text-align:center;background:#D1D1D1;padding:30px 0}
.brands img {margin:10px 20px}
.quote {text-align:center;padding:30px 0}
.quote p, .quote a {display:inline-block}
.quote p {font-size:150%;margin-right:50px}
.quote a {background:#017EFC;color:#fff;font-size:200%;padding:10px 30px;border-radius:5px}
.quote a:hover {text-decoration:none;background:#1864B0}

/* Footer */
.fline {height:10px;background:linear-gradient(to right, #F8F8F8, #9B9B9B, #F8F8F8, #9C9C9C, #F8F8F8, #9C9C9C)}
footer {background:#4D4D4D;color:#fff;padding:10px 0}
.flogo {text-align:center}
.ftitle {display:block;border-bottom:1px solid;padding-bottom:3px;margin-bottom:5px;font-size:150%}
footer .col-sm-2 .ftitle {width:200px}
footer .col-sm-3 .ftitle {width:300px}
footer .col-sm-4 .ftitle {width:400px}
.fmenu, .fcontact {font-size:120%}
.fmenu a {display:table;color:#fff}
.fcontact ul {list-style:none;margin-left:-60px}
.fsocial {text-align:center}
.fsocial a {background:#fff;display:inline-block;width:50px;height:50px;border-radius:25px;margin:5px}
.fsocial a:hover {transform:scale(.9)}
.fsocial i {color:#4D4D4D;font-size:25px;line-height:50px}
.nivaxel {text-align:center;padding-top:30px}
.nivaxel a {color:#fff}

/* Pages */
.banner {height:400px;border-bottom:10px solid #047AFF;}
.ptitle {position:absolute;left:-40px;margin-top:280px;background:#047AFF;color:#fff;font-size:350%;padding:20px 50px 20px 20px;width:68%;text-align:right;transform:skew(-30deg)}
.ptitle i {display:block;transform:skew(30deg);font-style:normal}

/* About Us */
.about-ban {background:url(../img/heading-about-us.jpg) center no-repeat;background-size:cover}
.about-txt {padding-bottom:40px}
.about-title {text-align:center;}
.about-title strong {color:#005BBA;font-size:500%;line-height:100%;text-shadow:0px 0px 3px #fff;text-transform:uppercase;position:relative;z-index:10}
.commit-bg .about-title strong {display:block;margin-top:20px}
.about-title i {font-style:normal;font-size:50%;display:block;margin-top:-15px;text-transform:none}
.commit-bg:before, .install-bg:before {content:'';display:block;position:absolute;width:50%;height:100px;background:#005BBA;left:-30px;margin-top:-120px;transform:skew(-30deg);box-shadow:1px 1px 10px #525252}
.commit-bg {background:url(../img/about-us-commit.jpg) center no-repeat;background-size:cover;background-attachment:fixed;padding:70px 0 50px 0}
.commit-txt {padding:20px 0 60px 0}
.install-bg {background:url(../img/about-us-world.jpg) center no-repeat;background-size:cover;background-attachment:fixed;height:300px;padding:70px 0 50px 0}
.install-bg .about-title strong {width:500px;margin:auto;position:absolute}
.install-bg img {position:relative;top:120px;margin-left:50px;z-index:1}
.install-txt {padding:100px 0 20px 0;border-bottom:2px solid #4D4D4D}

/* Gallery */
.gallery-ban {background:url(../img/heading-gallery.jpg) center no-repeat;background-size:cover}
#galleria {height:700px;}
.galleria-theme-classic {background:#fff !important}
.galleria-theme-classic .galleria-counter {color:#000;font-size:120% !important;}

/* Projects */
.project-ban {background:url(../img/heading-project.jpg) center no-repeat;background-size:cover}
.panel {border:0}
.panel h4 {font-size:150%}
.panel ul {font-size:120%}
.panel-heading {background:linear-gradient(#097DCA, #004679);color:#fff;border-radius:20px;width:660px;position:relative;z-index:1;margin-bottom:-10px;margin-top:20px}
.panel-heading .glyphicon {display:block;text-align:right;margin-top:-25px;padding:5px 0}
.panel-heading a:hover, .panel-heading a:focus {text-decoration:none}
.panel-body {border-top:0;position:relative;background:#E1E1E1;position:relative;}
.rx-ls ul {display:inline-table;margin:10px 0}
.rx-ls ul:last-child {margin-left:50px}

/* Services */
.service-ban1 {background:url(../img/heading-Cementitious.jpg) center no-repeat;background-size:cover}
.service-ban2 {background:url(../img/heading-Concrete.jpg) center no-repeat;background-size:cover}
.service-ban3 {background:url(../img/heading-Conductive.jpg) center no-repeat;background-size:cover}
.service-ban4 {background:url(../img/heading-Decorative.jpg) center no-repeat;background-size:cover}
.service-ban5 {background:url(../img/heading-Epoxy.jpg) center no-repeat;background-size:cover}
.service-ban6 {background:url(../img/heading-Tank.jpg) center no-repeat;background-size:cover}
.service-ban7 {background:url(../img/heading-Reinforced.jpg) center no-repeat;background-size:cover}
.grey-bg {background:#DDDDDD;margin-bottom:-30px;padding-bottom:30px}
.serv-title {background:linear-gradient(#097DCA, #004679);color:#fff;border-radius:20px;position:relative;z-index:1;top:-20px;padding:5px 0;font-size:150%;text-align:center}
.serv-fix {top:0}
.serv-body {padding:10px}
.serv-body ul {font-size:120%}
.serv-body a {display:inline-block;font-size:120%;background:linear-gradient(#097DCA, #004679);color:#fff;border-radius:20px;padding:10px 20px;margin:10px 0 0 10px}
.serv-body a:hover, .serv-body a:focus {text-decoration:none;background:linear-gradient(#004679, #097DCA)}
.serv-sp {margin-top:20px}
.serv-line {height:10px;width:100%;background:#7B7C7F;margin-top:10px}
.service-sample {background:#7B7C7F;padding:30px 0;margin-top:30px;text-align:center}
.service-sample span {display:block;color:#fff;font-size:150%;margin-bottom:10px}
.service-sample img {display:inline-block;margin:10px 20px;border-radius:20px;border:3px solid #DDDDDD}
.quote-service {background:#DDDDDD}
.quote-service .left, .quote-service .right {display:inline-block;width:49%;text-align:center}
.quote-service p {font-size:150%;margin:0;position:relative;top:20px;padding:0 50px}
.quote-service a {background:#017EFC;color:#fff;font-size:200%;padding:10px 30px;border-radius:5px;position:relative;top:50px}
.quote-service a:hover {text-decoration:none;background:#1864B0}

/* Contact */
.contact-ban {background:url(../img/heading-contact.jpg) center no-repeat;background-size:cover}
.cinf, .cfrm {margin:20px 0}
.cinf {font-size:120%}
.cinf ul {margin-lefT:-40px;list-style:none}
.cinf li {margin-bottom:5px}
.cfrm p {margin-bottom:0;text-align:center}
.cfrm iframe {margin-top:-20px}
.location {width:550px; position:absolute; margin-top: -350px}
.location h5 {font-size:120%}
.location .frm-dir p {display:inline-block}
.location .frm-dir input {font-size:120%}
.location .frm-dir input:nth-child(2) {padding:4px}
.location .frm-dir input:last-child {background:#047AFF;color:#fff;border:0;border-radius:5px;padding:5px 10px}
.location .frm-dir input:last-child:hover {background:#005284}
/*** Responsive ***/
@media screen and (max-width:1920px) {
  .freequote {margin-left:600px}
}
@media screen and (max-width:1600px) {
  .freequote {margin-left:800px}
}
@media screen and (max-width:1400px) {
  .freequote {margin-left:900px}
}
@media screen and (max-width:1366px) {
  .freequote {margin-left:850px}
  .navbar {text-align:right}
}
@media screen and (max-width:768px) {
  .tl-bar {text-align:center}
  .logo {display:inline-block;left:0;top:0;padding:0;position:relative;text-align:center;height:auto;width:250px;border-radius:20px;margin-top:20px;margin-bottom:20px}
  .logo img {margin:0;height:120px;display:inline-block}
  .phone a {width:100%;margin:0;text-align:center;border-radius:5px}
  .navbar {text-align:left}
  .navbar-toggle:before {content:'MENU'}
  .navbar-toggle {border-color:#fff;color:#fff;font-size:120%}
  /* Footer */
  footer .col-sm-2 .ftitle {width:100%}
  footer .col-sm-3 .ftitle {width:100%}
  footer .col-sm-4 .ftitle {width:100%}
  .ftitle {width:100%;border-bottom:0;margin-bottom:0}
  .fserv {margin-top:-40px}
  .fmenu {margin-bottom:10px}
  .flogo {display:none}
  .fsocial {text-align:left}
  .fsocial a {text-align:center}
  /* Inicio */
  .carousel {height:250px}
  .carousel img {height:250px !important;}
  .carousel-caption {margin:0;height:200px;background:#4D4D4D;border-radius:10px;padding:10px;left:70px;right:70px;opacity:0.8;text-align:center}
  .carousel-caption p {width:100%;padding:0;font-size:130%}
  .carousel-caption:before {display:none}
  .carousel-indicators {display:none}
  .freequote {margin:10px auto;transform: skew(0deg);width:100%;text-align:center;border-radius:10px}
  .freequote a {transform:skew(0deg)}
  .home-txt {margin-top:0}
  .since {height:auto;background:#fff;border-radius:20px;opacity:0.8}
  .since span {width:auto}
  .since:before {display:none}
  .projects .text-right {text-align:center}
  .projects a {margin-right:0}
  /* Pages */
  .banner {height:200px}
  .ptitle {font-size:160%;width:100%;margin-top:140px;left:0;transform: none;padding:10px}
  .ptitle i {transform:none}
  /* About Us */
  .commit-bg, .install-bg {text-align:center;}
  /* Projects */
  .panel-heading {width:100%}
  .rx-ls ul:first-child {margin-bottom:0}
  .rx-ls ul:last-child {margin-top:0;margin-left:0}
  /* Services */
  .serv-body a {margin:0 0 50px 0;width:100%}
  .quote-service .left, .quote-service .right {width:100%;display:block}
  .quote-service {padding:20px 0}
  .quote-service p {top:auto;padding:0;margin-bottom:10px}
  .quote-service a {top:auto}
  .quote-service img {display:none}
  /* Contact */
  .location {position:relative;margin-top:0;margin-bottom:10px;width:100%}
}
@media screen and (max-width:530px) {
  .carousel-indicators {
  bottom:0;margin-left:0;left:auto;right:25%;
  border-bottom:0; border-left:0; border-right:0; 
  height: 0;width:auto;transform:rotate(0deg);
  }
}
@media screen and (max-width:500px) {
  .about-title strong {font-size:400%}
  .install-bg .about-title {width:100%}
}
@media screen and (max-width:435px) {
  .phone a {font-size:150%}
  .logo img {margin:0;height:108px}
  .banner {height:200px}
  .about-title strong {font-size:300%}
  .install-bg img {top:0}
  .install-txt {padding-top:100px}
}
@media screen and (max-width:360px) {
  .phone a {font-size:130%}
  .logo img {height:104px}
  .install-txt {padding-top:60px}
}
@media screen and (max-width:320px) {
  .phone a {font-size:120%}
  .logo img {height:102px}
  .install-txt {padding-top:40px}
}