@import url(https://fonts.googleapis.com/css?family=Roboto:300,400); @font-face { font-family: 'HelveticaRounded'; src: url('../fonts/Helvetica-Rounded-LT-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica-Rounded-LT-Bold.woff') format('woff'), url('../fonts/Helvetica-Rounded-LT-Bold.ttf') format('truetype'), url('../fonts/Helvetica-Rounded-LT-Bold.svg#HelveticaRounded') format('svg'); font-weight: normal; font-style: normal; } 
* { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility !important; } 
html, body { height: 100%; font-family: 'Trebuchet', Helvetica, Arial, sans-serif; color: #666; font-weight: 300; } 
h1, h2, h3, h4, h5, h6 { color: #575756; font-family: "HelveticaRounded", Helvetica, Arial, sans-serif; } 
.img-portfolio { margin-bottom: 30px; } 
.img-hover { } 
.img-hover:hover .thumbnail { border-color: #ccc; } 
.navcustom { padding: 260px; } 
.logo-marcanni { position: absolute; width: 243px; height: 110px; top: 0px; right: 50%; margin-right: -490px; z-index: 999999; background: url(../images/marcanni.png) center -20px no-repeat; background-size: auto 130px; margin-top: -1px; } 
/* Home Page Carousel */
header.carousel { height: 50%; } 
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner { height: 100%; } 
header.carousel .fill { width: 100%; height: 100%; background-position: center; background-size: cover; } 
.navbar-brand { background: url(../images/logo-adrimar.png) no-repeat; width: 180px; height: 144px; padding: 0; text-indent: -9999px; } 
.error-404 { font-size: 100px; } 
.price { display: block; font-size: 50px; line-height: 50px; } 
.price sup { top: -20px; left: 2px; font-size: 20px; } 
.period { display: block; font-style: italic; } 
.mg { margin-top: 30px; margin-bottom: 60px; } 
.mg-t { margin-top: 30px; } 
.mgg { margin-top: 50px; margin-bottom: 50px; } 
.mg-tg { margin-top: 80px; } 
/* timeline */
.frame { width: 100%; height: 165px; padding: 0; } 
.frame .slidee { margin: 0; padding: 0; height: 100%; list-style: none; } 
.frame .slidee li { float: left; margin: 0 5px 0 0; padding: 0; width: 263px; height: 100%; overflow: hidden; line-height: 160px; } 
.frame ul li { float: left; width: 227px; height: 100%; margin: 0 1px 0 0; padding: 0; background: #CFD5D8; color: #616161; text-align: center; } 
.scrollbar { height: 2px; background: #ccc; line-height: 0; margin-right: 70px; position: relative; margin-left: 70px; } 
.scrollbar .handle { width: 30px; height: 100%; background: #292a33; cursor: pointer; margin: 0; } 
.scrollbar .handle .mousearea { position: absolute; top: -14px; left: 0; width: 30px; height: 30px; background: #CFD5D8; } 
.btn.toStart { position: absolute; left: -60px; top: -17px; background: transparent; color: #333; } 
.btn.toEnd { position: absolute; right: -62px; top: -17px; background: transparent; color: #333; } 
.grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml; utf8,<svg xmlns=!string!><filter id=!string!><feColorMatrix type=!string!values=!string!/></filter></svg>#grayscale"); filter: gray; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 
.grayscale:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: url("data:image/svg+xml; utf8,<svg xmlns=!string!><filter id=!string!><feColorMatrix type=!string!values=!string!/></filter></svg>#grayscale"); filter: gray; filter: none; } 
ul.thumbnails { padding: 0; list-style-type: none; overflow: hidden; } 
ul.thumbnails li { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; display: inline-block; vertical-align: top; padding: 0 15px; /*margin: -2px; width: 263px!important; */ } 
ul.filter li { border-bottom: 4px solid transparent; font-weight: 400; } 
.filter >li a.active { border-bottom: 2px solid #8A2225!important; background: inherit; } 
.filter >li a.active { color: inherit; background: inherit; } 
.nav-pills>li:hover { /* border-bottom: 4px solid #FFF; */ } 
.nav-pills>li>a { border-radius: 0; color: inherit; } 
.nav-pills>li>a:hover { background: inherit; border-bottom: 2px solid #FFF; } 
.navbar-inner { padding: 40px 0 27px; /* background: #FFF; */ } 
.full { width: 100%; } 
.gap { height: 30px; width: 100%; clear: both; display: block; } 
.footer { background: #3B6779; height: auto; padding: 20px 0 45px; position: relative; width: 100%; border-bottom: 1px solid #CCCCCC; color: #FFF; } 
.footer p { margin: 0; } 
.footer img { max-width: 100%; } 
.footer h3 { border-bottom: 1px solid #BAC1C8; color: #54697E; font-size: 18px; font-weight: 600; line-height: 27px; padding: 40px 0 10px; text-transform: uppercase; } 
.footer ul { font-size: 13px; list-style-type: none; margin-left: 0; padding-left: 0; margin: 4px 0; color: #7F8C8D; clear: both; } 
.footer ul li a { padding: 0 0 5px 0; display: block; } 
.footer a { color: #FFF; text-decoration: none; font-weight: 400; } 
.supportLi h4 { font-size: 20px; font-weight: lighter; line-height: normal; margin-bottom: 0 !important; padding-bottom: 0; } 
.newsletter-box input#appendedInputButton { background: #FFFFFF; display: inline-block; float: left; height: 30px; clear: both; width: 100%; } 
.newsletter-box .btn { border: medium none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: inline-block; height: 40px; padding: 0; width: 100%; color: #fff; } 
.newsletter-box { overflow: hidden; } 
.bg-gray { background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%); box-shadow: 0 1px 0 #B4B3B3; } 
.social li { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; float: left; height: 36px; line-height: 36px; margin: 0 3px; padding: 0; text-align: center; width: 29px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } 
.social li:hover { transform: scale(1.15); } 
.social li a { color: #EDEFF1; display: block; border-radius: 100%; width: 29px; height: 29px; text-align: center; padding: 3px; text-decoration: none; } 
.social li a i { font-size: 17px; margin: 0 0 0 5px; color: #EDEFF1 !important; } 
.social .face { background: none repeat scroll 0 0 #46629E; border: 2px solid #46629E; } 
.social .insta { background: none repeat scroll 0 0 #D62976; border: 2px solid #D62976; } 
 .social a.whats { background: none repeat scroll 0 0 #4bcc18; border: 2px solid #4bcc18; } 

.social .yt { background: none repeat scroll 0 0 #cc181e; border: 2px solid #cc181e; } 
.social .vimeo { background: none repeat scroll 0 0 rgba(68, 187, 255, 1); border: 2px solid rgba(68, 187, 255, 1); } 
.footer-bottom { background: #E3E3E3; border-top: 1px solid #DDDDDD; padding-top: 10px; padding-bottom: 10px; } 
.footer-bottom p.pull-left { padding-top: 6px; } 
.payments { font-size: 1.5em; } 
.nav-tabs { border: 0; } 
.nav-tabs > li.open > a, .nav-tabs > li:hover > a { border: 0; background: none !important; color: #333333; } 
.nav-tabs > li.open > a > i, .nav-tabs > li:hover > a > i { color: #a6a6a6; } 
.nav-tabs > li.open .dropdown-menu, .nav-tabs > li:hover .dropdown-menu { margin-top: 0px; } 
.nav-tabs > li.active { border-bottom: 4px solid #530303; position: relative; } 
.nav-tabs > li > a { border: 0; margin-right: 0; color: #737373; } 
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border: 0; } 
.nav-tabs > li.active { border-bottom: 4px solid #530303; position: relative; } 
.nav-tabs > li.active > a { border: 0; color: #333333; } 
.article-slide .carousel-indicators { width: 100%; position: relative; left: inherit; margin-left: inherit; float: left; margin-bottom: 2px; bottom: inherit; } 
.article-slide .carousel-indicators li { border: medium none; border-radius: 0; float: left; height: 54px; margin-bottom: 5px; margin-left: 0; margin-right: 5px !important; margin-top: 0; width: 100px; } 
.article-slide .carousel-indicators img { border: 2px solid #FFFFFF; float: left; height: 74px; left: 0; width: 120px; } 
.article-slide .carousel-indicators .active img { border: 2px solid #428BCA; opacity: 0.7; } 
.owl-next { right: 20px; } 
.owl-nav { width: 100%; } 
.owl-prev { left: 20px; } 
.owl-item img { display: block; width: 100%; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } 
.thumbnail:hover { border: solid 1px #530303; } 
.thumbnail h3 { margin: 10px 0 0; } 
.owl-carousel-home.owl-carousel.owl-theme.owl-loaded { /* height: 578px; */ } 
.article-slide .carousel-indicators img { } 
.article-slide .carousel-indicators li { margin-bottom: inherit; margin-right: 0 !important; width: 120px; height: 74px; } 
.carousel-inner .item img { display: inline-flex; margin: 0 auto; } 
.carousel-inner { text-align: center; } 
ul.submenu.navbar-nav.nav { float: right; margin-top: 11px; width: 460px; text-align: right; } 
.navbar-collapse .social { display: block; float: right; list-style-type: none; margin: 0; padding: 0; z-index: 99999; } 
.navbar-nav>li { margin: 0 16px; } 
ul.submenu.navbar-nav.nav li { margin: 0 0 0 20px; float: right; } 
ul.nav.navbar-nav.navbar-right.nav-main { clear: right; margin-top: 10px; margin-right: 0; } 
ul.submenu.navbar-nav.nav li a { font-size: 12px; font-weight: bold; padding: 0; color: #999; } 
ul.nav.navbar-nav.navbar-right.nav-main li a { font-family: "HelveticaRounded", Helvetica, Arial, sans-serif; font-size: 17px; padding: 7px 0px 7px; color:#929292; } 
.navbar-collapse .social li i { margin: 0; font-size: 20px; display: block; } 
.navbar-collapse .social li { /* height: 33px; *//* width: 33px; *//* background: #46629E; *//* border-color: #46629E; *//* margin: 0 0 0 10px; */ } 
h1, h2, h3, h4 { font-size: 26px; text-transform: uppercase; font-weight: bold; } 
ul.nav.navbar-nav.navbar-right.nav-main li a:hover { background: none; color: #949697; } 
div#bs-example-navbar-collapse-1 { margin: 35px 0 0 0; } 
ul.submenu.navbar-nav.nav li a:hover { background: inherit; text-decoration: underline; } 
.page-header { border-bottom: 0; margin-bottom: 10px; padding: 20px 0; border-radius: 5px; } 
h5, h6 { font-size: 25px; margin-top: 0; } 
section.sobre { background: #adb5b9 url(../images/imagem-adrimar.png) 50px center no-repeat; color: #FFF; padding: 100px 0; font-size: 13px; text-align: justify; } 
section.sobre h1 { color: #FFF; padding: 0; margin: 0; } 
.adrimar-col-left-sobre { /* padding-top: 147px; */ padding-right: 60px; } 
h1.page-header { font-size: 24px; } 
.adrimar-col-left-sobre Ã‚Â .page-header { } 
.adrimar-col-left-sobre p { /* font-size: 22px; */ /* line-height: 110%; */ } 
ul.thumbnails p.status { padding-bottom: 10px; font-size: 11px; text-transform: uppercase; font-weight: 400; margin: 0; } 
ul.thumbnails .title { font-family: "HelveticaRounded", Helvetica, Arial, sans-serif; font-size: 17px; color: #530303; text-transform: uppercase; line-height: 110%; font-weight: normal; } 
.thumbnail .caption { height: 105px; font-size: 13px; line-height: 18px; background: #E5E5E5; font-weight: 400; color: #333; padding: 19px; } 
.map iframe { width: 100%; height: 300px; } 
.white { color: #FFF } 
p.captionVitrine { padding: 13px; margin: 2px 0 0 0; position: absolute; z-index: 999; color: #FFF; right: 35px; top: 25px; font-family: "HelveticaRounded"; font-size: 24px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } 
p.captionPlantas { padding: 13px; margin: 2px 0 0 0; font-family: "HelveticaRounded", Helvetica, Arial, sans-serif; font-size: 17px; } 
#video iframe { width: 100%; } 
.footer .navbar-nav li { margin: 0 9px; } 
.footer .navbar-nav li a { font-size: 12px; color: #FFF; } 
.footer .navbar-nav.footer-nav a { font-size: 11px !important; } 
.footer .address { font-size: 12px; } 
.navbar-nav li:last-child { margin-right: 0px !important; } 
.bg-o { background: url(../images/bg1.png) no-repeat center -26px; padding: 107px 0 0px 0; position: relative; height: 262px; } 
.bg-t { background: url(../images/bg2.png) no-repeat left 1130px; padding: 0 0 20px 0; } 
.bg-t-sec { background: url(../images/bg2-sec.png) no-repeat left bottom; padding: 0 0 20px 0; } 
.bg-c { background: url(../images/bg-c.png) no-repeat left bottom; padding: 0 0 300px 0; } 
.bg-le { background: url(../images/bg-le.png) no-repeat left 1280px; background-position: 0 158px; } 
.bg-ld { background: url(../images/bg-ld.png) no-repeat top; } 
.timeline-content { background: #adb5b9; } 
.bg-or { background: url(../images/bg1-r.png) no-repeat; height: 305px; width: 300px; position: absolute; right: 0; display: block; top: 0px; } 
.bg-or-sec { background: url(../images/bg1-r.png) no-repeat; height: 305px; width: 300px; position: absolute; right: 0; display: block; top: 236px; } 
.filter.nav>li.active a { color: #000 !important; } 
.btn-ghost { background: transparent; padding: 10px 15px; color: #ffffff; -moz-box-shadow: transparent 0 0 0, transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0, transparent 0 0 0; box-shadow: transparent 0 0 0, transparent 0 0 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; border-radius: 0; font-size: 14px; margin: 48px 0 0 0px; border: 0; border-bottom: 4px solid #8A2225; } 
.btn-ghost:hover { color: #111; background: #FFF; border: 1px solid #FFF; } 
.btn-ghost.black { color: #000000; /* border-bottom: 4px solid #8A2225; */ border-radius: 0; } 
.btn-ghost.black:hover { border: 0; border-bottom: 4px solid #FFFFFF; background: transparent; } 
.slide { /* height: 616px; */ overflow: hidden; } 
.headerthumbs { padding: 13px 13px 2px; background: #FFF; border-bottom: 0; min-height: 105px; } 
.animsition { background: url(../images/background.png) 0 -20px repeat-x; } 
.nav-main li a.active { border-bottom: 1px solid #999; } 
.owl-dots { position: absolute; bottom: 20px; width: 100%; } 
.locacaoÃ‚Â ul.thumbnails li { float: left; display: compact; } 
.locacaoÃ‚Â ul.thumbnails li { min-height: table-column; } 
.loclist li { /*min-height: 390px; */ } 
.owl-carousel-home .item img { } 
.owl-carousel-homeÃ‚Â .owl-dots { position: absolute; left: 50%; } 
.owl-carousel-plantas .owl-nav .owl-next { right: -60px !important; } 
.owl-carousel-plantas .owl-nav .owl-prev { left: -60px !important; } 
.ribbon { width: 82px; height: 80px; background: url(../images/ribbon.png) no-repeat; display: block; position: absolute; right: 0; } 
.error { border: 1px solid #C00; } 
.sendConfirm { background: #E2F7E5; padding: 10px; border: 1px solid #B3D5B1; border-radius: 6px; display: none; } 
.bx-wrapper { position: relative; margin: 0; padding: 0; *zoom: 1; background-color: #EAEAEA; padding-bottom: 6px; } 
.bx-wrapper .item { text-align: center; } 
.bx-wrapper img { max-width: 100%; display: inline-block; } 
.bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; /* -webkit-box-shadow: 0 0 5px #ccc; */ /* box-shadow: 0 0 5px #ccc; */ /* border: solid #fff 5px; */ /* left: -5px; */ /* background: #fff; */ } 
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { /* position: absolute; */ /* bottom: 150px; */ /* width: 100%; */ /* left: 50%; */ margin-top: -44px; z-index: 99999; position: relative; } 
.bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } 
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 21px; } 
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; border-radius: 100%; height: 10px; width: 10px; margin: 0 2px; } 
.bx-wrapper .bx-pager.bx-default-pager a { background: #FFF; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 3px 3px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 100%; transition: none; } 
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } 
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 20px; background: url(../images/navarrow-left.png) 0 0; } 
.bx-wrapper .bx-next { right: 20px; background: url(../images/navarrow-right.png) 0 0; } 
.bx-wrapper .bx-prev:hover { opacity: .8; /* padding: 39px 30px; */ } 
.bx-wrapper .bx-next:hover { opacity: .8; /* padding: 39px 30px; */ } 
.bx-wrapper .bx-controls-direction a { position: absolute; top: 47%; padding: 0 15px; color: #fff; font-size: 55px; margin-top: -50px; outline: 0; /* width: 25px; */ /* height: 52px; */ /* text-indent: -9999px; */ z-index: 9999; background-repeat: no-repeat; background-position: center center; /* opacity: .8; */ border-radius: 5px; height: 80px; } 
.bx-wrapper .bx-controls-direction a.disabled { display: none; } 
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; } 
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } 
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } 
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } 
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } 
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } 
ul.thumbnails .title a { color: #530303; } 
.logo-marcanni a { display: block; text-indent: -9999px; height: 100%; } 
span.icon-bar { background-color: #FFF; } 
.logo-marcanni { position: absolute; width: 180px; height: 180px; top: -80px; right: 50%; margin-right: -390px; z-index: 1000; background: url(../images/marcanni.png) center no-repeat; background-size: 180px; border-radius: 50%; } 
.logo-marcanni a { display: block; border-radius: 100%; height: 100%; } 
.modal-image { margin: 0 auto; } 
/* Large Devices, Wide Screens */
@media only screen and (max-width:1199px){
 .logo-marcanni { right: 60%; } 
 }
/* Medium Devices, Desktops */
@media only screen and (max-width:991px){
 .logo-marcanni { right: 75%; } 
.animsition { background: url(../images/background.png) 0 53px repeat-x; } 
 }
/* Small Devices, Tablets */
@media only screen and (max-width:767px){
 .navbar-brand { background-size: 100%; position: absolute; top: 15px; left: 50%; margin-left: -67px; width: 130px; height: 110px; } 
.logo-marcanni { display: none; } 
.animsition { background: url(../images/background.png) 0 -115px repeat-x; } 
 }
/* Extra Small Devices, Phones */
@media (max-width: 480px){
 #filters { display: flex; flex-flow: column; } 
.bg-or, .logo-marcanni, .bg-or-sec { display: none; } 
.navbar-brand { background-size: 100%; position: absolute; top: 15px; left: 50%; margin-left: -67px; width: 130px; height: 110px; } 
ul.nav.navbar-nav.navbar-right.nav-main li a { color: #A0A0A0; text-align: center; } 
.bg-o { padding: 20px 0 0 0; /* height: 110px; */ } 
h2.white { font-size: 160%; } 
.navbar-collapse .social { float: inherit; text-align: center; margin: 50px auto 0; width: 240px; display: flex; height: 40px; text-align: center; align-items: center; justify-content: center; } 
ul.submenu.navbar-nav.nav { float: inherit; text-align: center; width: 100%; display: inin; } 
ul.submenu.navbar-nav.nav li { float: inherit; } 
.page-header { font-size: 140%; } 
.mg-tg { margin: 0; } 
.adrimar-col-left-sobre { padding: 0; } 
section.sobre { color: #333; } 
.footer { padding: 20px 0 105px; } 
 }
/* Custom, iPhone Retina */
@media only screen and (max-width:320px) { } 
.thumbnail { padding: 0; border-radius: 0; margin: 3px 0 30px 0; position: relative; -webkit-transition: all .15s linear; transition: all .15s linear; -webkit-font-smoothing: subpixel-antialiased; } 
.vendas { background-color: #fff; } 
.thumbnail { background-color: #E5E5E5; margin-top: 10px; } 
.thumbnail .caption { margin: 0; border: 0; display: block; position: relative; overflow: hidden; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.thumbnail .caption { position: relative; height: 90px; } 
.thumbnail .caption:after { content: ""; text-align: right; position: absolute; bottom: 0; right: 0; width: 70%; height: 18px; background: linear-gradient(to right, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1) 50%); } 
.img-thumbnail { position: relative; display: block; width: 100%; padding: 0; margin: 0; border: 0; } 
.headerthumbs { position: relative; display: block; width: 100%; margin: 0; border: 0; } 
.form-group .col-xs-12 { margin-bottom: 15px; } 
.form-group .col-xs-12:last-child { margin-bottom: 0px; } 
.btn-file { position: relative; overflow: hidden; } 
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } 