img.dsk-pic {max-width:200px; float:left; margin:10px 20px;}

@media (max-width:720px) {img.dsk-pic {float:none !important; margin:0 auto !important; width:100% !important; display:block}}

ul.ico-flow {
	float:left; position:relative; width:100%; padding-top:65px; padding-bottom:35px;
}
ul.ico-flow li {
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;
}
ul.ico-flow li:nth-child(3n) {
    margin-right: 0;
}

@media (max-width:992px) {
	ul.ico-flow li {
		width: 50%;
		float: left;
		margin: 0 2% 20px 0;
	}
	ul.ico-flow li:nth-child(1n) {
    	margin-right: 0;
	}
}
@media (max-width:640px) {
	ul.ico-flow li {
		width: 100%;
		float: left;
		margin: 0 0 20px 0;
	}
}

ul.ico-flow li a.item {
    display: block;
    border-bottom: none;
    height: 80px;
    font-size:16px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}

ul.ico-flow .item:before {
    font-family:"benelli";
	font-size:40px;
    left: 25px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
	color:#6d747d;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}
ul.ico-flow a:hover.item:before {color:#08f26b; font-size:50px; margin-top:-30px; left:20px;}

ul.ico-flow .item.icon-1::before {
    content: 'U';
}
ul.ico-flow .item.icon-2::before {
    content: 'H';
}
ul.ico-flow .item.icon-3::before {
    content: 'E';
}
ul.ico-flow .item.icon-4::before {
    content: 'v';
}
ul.ico-flow .item.icon-5::before {
    content: 'G';
}
ul.ico-flow .item.icon-6::before {
    content: 'z';
}


ul.ico-flow .item h3 {
    color: #6d747d;
    font-weight: bold;
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

ul.ico-flow .item p {
    display: block; width:100%;
    color: #2e3233;
    font-size: 1.3rem;
    margin: 0 0 10px;
    line-height: 1.2;
}

ul.ico-flow a:hover.item {background: #223d4c;}

ul.ico-flow a:hover.item h3 {color:#08f26b;}

ul.ico-flow a:hover.item p {color:#99a3b1;}

figure {-webkit-transition: all 0.2s ease-in-out 0.3s; transition: all 0.2s ease-in-out 0.2s;}

/*
.pswp__bg {
  background: #fff;
}

.pswp__top-bar {
  background-color: transparent !important;
}

.pswp__button,
.pswp__button:before,
.pswp__button--close:before,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: none !important;
  background-size: 100%;
  width: 44px;
  height: 44px;
  font-family: 'benelli';
}

.pswp__button {
  color: #000 !important;
  opacity: 0.4 !important;
  transition: opacity .25s;
}
.pswp__button:hover {
  opacity: 0.65 !important;
}
.pswp__button:before {
  opacity: 1 !important;
}
.pswp__button.pswp__button--arrow--left:before, .pswp__button.pswp__button--arrow--right:before {
  font-size: 44px;
}
.pswp__button.pswp__button--arrow--left:before {
  content: "X";
}
.pswp__button.pswp__button--arrow--right:before {
  content: "Y";
}
.pswp__button.pswp__button--close {
  top: 10px;
  right: 20px;
}
.pswp__button.pswp__button--close:before {
  content: "W";
  font-size: 44px;
}
.pswp__button.pswp__button--close:hover:before {
  color:#223d4c;
}*/


@media (min-width:792px) {
.i-engine, .i-transmission, .i-chassis, .i-dimension {display:none;}
}


h1, h2, h3, h4, h5, h6 {font-family: 'PT Sans Narrow', sans-serif;}
h1 small, h2 small, h3 small {font-family: 'Open Sans Condensed', sans-serif;}
h4 small, h5 small {font-family: 'Open Sans', sans-serif;}


p.content {line-height:34px; padding-bottom:15px; font-size:16px;}

.alert-custom {margin:10px 0; padding:10px; background-color:#fafffc; border:1px solid #e7fef1; color:#4baf75;}

/*
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
*/

/*-------------- CAROUSEL - Fade Effect ----------------*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity; overflow:hidden;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control .icon-left,
.carousel-control .icon-right {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  z-index: 5;
  display: inline-block; font-size:2.5em;
}
.carousel-control .icon-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-right {
  right: 50%;
  margin-right: -10px;
}

@media screen and (max-width:768px) {
	.carousel-control .icon-left,
	.carousel-control .icon-right {
		font-size:1.5em;
	}
}

/*
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
@media screen and (max-width:640px) {
	.carousel-indicators {display:none !important;}
	.carousel-caption {padding-bottom:0.5em !important; background:#fff !important;}
	.carousel-inner {overflow:visible !important; z-index:2;}
	.carousel:hover .carousel-caption, .carousel:focus .carousel-caption {margin-bottom:-62px !important;}
}


.carousel-inner {background:transparent;}

.carousel .carousel-control, .carousel ol.carousel-indicators {opacity:0;}
.carousel:hover .carousel-control, .carousel:hover ol.carousel-indicators {opacity:1 !important;}



.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .2)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-indicators {-webkit-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; bottom: 25px !important;}
.carousel-indicators li {
  width: 18px;
  height: 18px;
  background-color: #fff \9;
  background-color: rgba(255, 255, 255, 0);
  border: 2px solid #fff;
  border-radius: 10px;
  margin:3px;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.23);
  -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.23);
  box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.23);
}
.carousel-indicators .active {
  width: 18px;
  height: 18px;
  background-color: #08f26b;
  border-color:#fff;
  margin:3px;
}

/*-- INNER PAGES --*/
.jumbotron {background-position:center center; background-repeat:no-repeat; background-size:cover; text-align:center;}
.jumbotron h1 {color:#fff;padding:15px 0 20px; margin-bottom:40px;background:url(../img/underline.gif) center bottom no-repeat; font-size:45px;}


/*--- ABOUT PAGE ---*/

/*--- PRODUCTS PAGE ---*/
main.products .jumbotron {background-image:url(../img/products-bg.jpg);}

main.appointment .jumbotron {background-image:url(../img/appointment.jpg);}

/* Zoom In #1 */
.portfolio-item .thumbnail a.product-pic {display:block; width:100%; height:100%; overflow:hidden;}
.portfolio-item .thumbnail {overflow:hidden;}
.portfolio-item .thumbnail img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.portfolio-item .thumbnail:hover img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

@media (max-width:420px) {
.portfolio-items .portfolio-item {width:100% !important;}
}

.portfolio-items {float:left; display:inline; width:100%;}

.portfolio-item {padding:15px; overflow:hidden;}

.portfolio-items .thumbnail {border:1px solid transparent !important; padding:1em; margin-bottom:0 !important; position:relative;overflow:hidden;  border-radius:10px !important;
}

.portfolio-items .thumbnail:hover {border-color:#e3e4e8 !important; overflow:visible;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12);
}

.portfolio-items .thumbnail .thumb-holder {float:left; display:inline-block; width:100%; position:relative; margin-bottom:10px; background:#f6f8fa;}

.portfolio-items .img-box {margin:0 auto; position:relative; width:100%; height:300px;}
.portfolio-items .thumbnail img {
	width:100%; max-height:340px !important; max-width:340px !important;/*border-radius:10px !important;*/
}
@media (max-width:340px) {
	.portfolio-items .img-box {width:200px !important; height:250px !important;}	
}


.portfolio-items .thumbnail .caption {padding:0;}

.portfolio-item .thumbnail .caption h3 {margin-top:15px; font-family: 'PT Sans Narrow', sans-serif; font-size:24px; padding-bottom:5px;border-bottom: #e3e4e8; border-bottom-width: 4px; border-bottom-style: solid; display:inline-block;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;}

.portfolio-item .thumbnail:hover .caption h3 {border-bottom-color: #08f26b;}

.portfolio-items .caption h3 a {color:#434a54 !important;}
.portfolio-items .thumbnail:hover .caption h3 a {color:#000 !important;}

.portfolio-items {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-items, 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block; padding-top:10px; padding-bottom:10px;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 20px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 3px; line-height:30px;
}

.portfolio-filter > li a:hover{
  color:#08f26b;
  background: #223d4c;
  border: 1px solid #223d4c;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-filter > li a.active{
  color:#434a54;
  background: #f0f2f5;
  border: 1px solid #e3e4e8;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-filter > li a span.chupade {font-size:14px; vertical-align:middle;}

@media (max-width: 490px) {
	span.chupade {display:none !important;}
}

@media (max-width: 748px) {
	span.chupade {display:inline;}
	.portfolio-filter > li a {padding:4px 8px;}
	.portfolio-filter > li a {margin-right:5px;}
}

.portfolio-filter > li a:active:hover,
.portfolio-filter > li a.active:hover,
.portfolio-filter > li a:active:focus,
.portfolio-filter > li a.active:focus,
.portfolio-filter > li a:active.focus {
  color:#6d747d;
  background: #f0f2f5;
  border: 1px solid #e3e4e8;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-filter [class^="i-"]:before,
.portfolio-filter [class*=" i-"]:before {position:relative; top:-2px; vertical-align:middle;}

/*-- GALLERY --*/
main.gallery .jumbotron {background-image:url(../img/gallery-bg.jpg);}


/*-- Motor Gears --*/
main.gears .jumbotron {/*background-image:url(../img/home06.jpg);*/ background-color:#283348;}

#gears .caption a, .gallery .caption a {color:#434a54;}
#gears .caption a:hover {color:#141d25;}

#gears .caption .clearfix {padding-bottom:6px;}
#gears .caption h4 {margin-top:0; line-height:30px;}
#gears .caption .heading {padding:15px 0 0 0;}
#gears .caption .col-xs-3 {padding:0; line-height:30px; padding:15px 0 0 0; text-align:right;}

.btn-gears{color:#08f26b !important;background-color:#223d4c !important;border:1px solid #223d4c;font-weight:600; -webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s; font-size:15px; padding:5px 15px; line-height:30px; vertical-align:middle;}
.btn-gears:focus,.btn-gears.focus{color:#223d4c; background-color:#08f26b; border-color:#e3e4e8;}
.btn-gears:hover{color:#223d4c !important;background-color:#fff !important; border-color:#223d4c;}

.cap-btn {margin-top:20px;}
.cap-btn .i-eye:before {font-size:16px; line-height:15px; vertical-align:middle; padding-right:5px; position:relative; top:-1px;}

.breadcrumb {background:#fff !important; padding-bottom:0 !important; border:1px solid #f6f8fa;}
.breadcrumb p.title {display:inline-block; font-size:1.1em; padding-right:5px;}

#gear-details .description p {font-size:15px; line-height:normal; padding-bottom:0px;}
#gear-details .description p.main-text {font-size:16px; font-weight:400; color:#434a54; padding-bottom:20px; line-height:28px;}
#gear-details .description p.small {font-size:14px; margin-bottom:20px;}
#gear-details .description .table tr .bold {font-weight:600; color:#000;}

.breadcrumb {padding-top:3px;}
.breadcrumb span.i-position {font-size:24px;position:relative; bottom:-4px; left:-12px; background:#f6f8fa; padding:5px 10px 5px 10px;}

.breadcrumb span.i-home {position:relative; bottom:-1px;}

@media (max-width:764px) {.breadcrumb {padding-top:8px; padding-bottom:8px !important; font-size:13px;}}

/* colorselector dropdown */
.dropdown-colorselector>.dropdown-menu {
  top: -36px;
  left: -7px;
  padding: 4px;
  min-width: 130px;
  max-width: 130px;
}

/*
.dropdown-colorselector>.dropdown-menu.pull-right {
  right: -7px;
  left: auto;
}
*/
.dropdown-colorselector>.dropdown-menu>li {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px; 
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity = 80);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn.selected:after {
  content: "2";
  font-family: 'benelli';
  display: inline-block;
  font-size: 11px;
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 20px;
}

.btn-colorselector {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-color: #DDD;
  vertical-align: middle;
  border-radius: 0;
  border:3px solid #fff;-webkit-box-shadow: 0 0 0 1px #000000;
  box-shadow: 0 0 0 1px #e3e4e8; margin-right:5px;
}

/*-- PRODUCT DETAILS/SHOWCASE --*/

.product {height:92vh; background-repeat:no-repeat; background-size:cover; padding:0; position:relative;}
.tnt-25 {background-image:url(../img/1.jpg); background-position: 30% 0;}
.tnt-300 {background-image:url(../img/2.jpg); background-position: 30% 0;}
.tnt-600-i {background-image:url(../img/3.jpg); background-position: 32% 0;}
.tnt-600-gt {background-image:url(../img/4.jpg); background-position:72% 0;}
.tnt-899 {background-image:url(../img/5.jpg); background-position: 65% 0;}
.tnt-r {background-image:url(../img/6.jpg); background-position: 5% 0;}

@media (max-width:900px) {.product {display:none; visibility:hidden;}}

#showcase {padding-top:60px; padding-bottom:60px;}
#showcase h2 {padding: 15px 0 20px; margin-bottom: 40px; color: #434a54; background: url(../img/underline.gif) center bottom no-repeat;}

.arrows {
	width: 60px;
	height: 75px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 20px;
}
.arrows path {
	stroke: #fff;
	fill: transparent;
	stroke-width: 5px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}

.description {padding-top:20px; padding-bottom:20px;}
.description p {font-size:18px; font-weight:400; color:#6d747d; padding-bottom:20px; line-height:28px;}
.description .colours {padding-bottom:15px; display:inline-block; width:100%; padding:20px; background:#f6f8fa; border-radius:5px;}
.description .colours p {font-weight:400; font-size:15px; padding-bottom:5px; color:#6d747d;}


.description .colours .bianco {background:#fff;}
.description .colours .rosso {background:#ef383c; color:#fff;}
.description .colours .verde {background:#18aa57; color:#fff;}
.description .colours .nero {background:#363435; color:#fff;}
.description .colours .verde-army {background:#aca883; color:#fff;}
.description .colours .oro {background:#eaac49; color:#fff;}

.bianco, .rosso, .verde, .nero, .verde-army, .oro {padding-top:5px; padding-bottom:5px; border:1px solid rgba(0,0,0,0.1);
	-webkit-transform: skew(-10deg);
	   -moz-transform: skew(-10deg);
	     -o-transform: skew(-10deg);}



#myTabs .tab-content {border:1px solid #e3e4e8; border-top:none; padding:20px; border-radius:0 0px 5px 5px; min-height:400px;}
.nav-tabs li a {font:normal 18px 'PT Sans Narrow', sans-serif; color:#6d747d;}
.nav-tabs li.active a {color:#000;}

.nav > li > a:hover, .nav > li > a:focus {background:#f0f2f5; color:#434a54;}




/*------ TABLE -------*/
@media screen and (max-width: 767px) {
  .table-responsive {
    border:none !important;
  }
}

thead {display:table-header-group;}
@media screen and (min-width:767px) {
  #product thead {display:none;}
}
  
.table th {border-bottom-color:#e3e4e8 !important; font:600 15px 'Open Sans', sans-serif !important; color:#393f48; line-height:2em;}
.table td {border-color:#e3e4e8 !important; color:#434a54;border-bottom:none !important; padding:10px !important;}


th, td {vertical-align:middle !important; }
.table thead th {padding:13px 10px !important; background-color:#fbfcfd;}


.table, .table-bordered {margin:1em 0 0 0 !important;}
.table-bordered th,
.table-bordered td {
border: 1px solid #e3e4e8 !important;
}

.input-number {margin-bottom:0 !important;}



/*--- CAREERS & CONTACT ---*/

main.careers .jumbotron {background-image:url(../img/careers.jpg);}
main.contact .jumbotron {background-image:url(../img/contact-bg.jpg);}
@media (max-width:992px) {main.contact .jumbotron {background-position:25% center;}}

main.careers h3, main.careers h4, main.contact h3, main.contact h4 {color:#6d747d;}

main.careers h3, main.contact h3 {padding-bottom:20px;}

main.careers #address, main.contact #address {padding-right:2rem; padding-left:2rem;}

main.careers #address h3 ,main.contact #address h3 {margin-bottom:0; line-height:26px;}
main.careers #address h4 span.i-mail {font-size:24px; vertical-align:middle; padding-right:8px;}

@media screen and (max-width:991px) {main.careers #address {margin-top:60px;}}

.social-contact {font-size:2.3em;}
.social-contact a.fb {color:#3b5998;}
.social-contact a.yt {color:#e52d27;}
.social-contact a.in {color:#9b6954;}
.social-contact a:hover, .social-contact a:focus {color:#2ecc71;}


/*-- FORM Elements --*/

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.input-number {margin-bottom:0 !important;}

.spinner {
  width: 70px;
}
.spinner input {
  text-align: center;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i {
  position: absolute;
  top: 0;
  left: 3px; font-size:10px !important;
}
#contact-us{padding:30px 0;}
#contact-us .form-group {padding:0 15px;}
#contact-us .h5 {padding-bottom:10px; font-size:14px; font-weight:600;}

@media screen and (max-width:768px) {
	#contact-us{padding:0 1rem;}
}
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .icon {
  position: absolute;
  padding: 6px 8px;
  pointer-events: none;
  font-size:2rem;
  color:#b7bbc2;
}
.inner-addon>.icon>.form-control:focus {color:#F00 !important;}

/* align icon */
.left-addon .icon  { left:  0px;}
.right-addon .icon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  35px; }
.right-addon input { padding-right: 40px; }

#contact-us .inner-addon .icon { padding: 5px 24px;}

.form-control {
  font-size: 13px;
  color:#555;
  border: 1px solid #e3e4e8;
  -webkit-box-shadow: inset 0 1px 1px rgba(171, 177, 181, .075);
  box-shadow: inset 0 1px 1px rgba(171, 177, 181, .075);
  font-weight:600;
}
.form-control:focus {
  border-color: rgba(8,242,107,1);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(171, 177, 181, .075);
  box-shadow: inset 0 1px 1px rgba(171, 177, 181, .075);

}
.form-control:focus .icon {color:#000 !important;}

.form-control::-moz-placeholder {
  color: #434a54;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #434a54;
}
.form-control::-webkit-input-placeholder {
  color: #434a54;
}

.left-addon textarea {padding-left:35px;}

address {padding-bottom:15px;}
address hr {margin-top:10px; margin-bottom:10px;}

.form-horizontal .form-group {margin-left:0; margin-right:0;}

/*--- SOCIAL and FOOTER ---*/
.social {padding-top:60px; padding-bottom:60px;}
.social h3 {padding:15px 0 20px; margin-bottom:40px; color:#434a54; background:url(../img/underline.gif) center bottom no-repeat;}
.social h3 small {color:#6d747d; text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif;}

.social a {color:#434a54;}
.social a:hover {color:#08f26b;}


@media screen and (min-width:720px) {
	.social h3 {font-size:2.2em; }
	.social p.lead {line-height:38px;}
}

#footer {padding:20px 0 10px 0; border-top:1px solid #e3e4e8; background:#f6f8fa;}

@media screen and (max-width:767px) {
	.modal-body .row .img {height:100% !important;}
	}
@media screen and (max-width:414px) {
	.modal-body .row .img {display:none;}}
	
.close {
padding-top:10px !important; padding-right:12px !important;
}

.number {background-color:#08f26b; color:#1d2739 !important; font-weight:600; border-radius:10px; height:46px !important; line-height:46px !important; top:15px;}

.scroll-bg.scrolled .number {top:2px !important;}

main .jumbotron.sorento {background-image:url(../img/overview.jpg); /*background-color:#283348;*/}

main .jumbotron.about {/*background-image:url(../img/overview.jpg);*/ background-color:#283348;}