.padding-t20{ padding-top:20px; }
.padding-t30{ padding-top:30px; }
.padding-t40{ padding-top:40px; }
.padding-t50{ padding-top:50px; }
.padding-t60{ padding-top:60px; }
.padding-t70{ padding-top:70px; }
.padding-t80{ padding-top:80px; }
.padding-t90{ padding-top:90px; }
.padding-t100{ padding-top:100px; }

.padding-b30{ padding-bottom:30px; }
.padding-b20{ padding-bottom:20px; }
.padding-b30{ padding-bottom:30px; }
.padding-b40{ padding-bottom:40px; }
.padding-b50{ padding-bottom:50px; }
.padding-b60{ padding-bottom:60px; }
.padding-b70{ padding-bottom:70px; }
.padding-b80{ padding-bottom:80px; }

.big-padding{   padding-top: 165px; padding-bottom: 165px; }
.big-padding2{   padding-top: 100px; padding-bottom: 100px; }
.big-padding3{   padding-top: 60px; padding-bottom: 60px; }
.big-padding4{   padding-top: 70px; padding-bottom: 70px; }
.big-padding50{   padding-top: 50px; padding-bottom: 50px; }
.big-padding80{   padding-top: 80px; padding-bottom: 80px; }
.kype-margin{ margin-top:50px; margin-bottom:20px; }

.margin-t20{ margin-top:20px !important; }
.margin-t30{ margin-top:30px; }
.margin-t40{ margin-top:40px; }
.margin-t60{ margin-top:60px; }

.margin-b20{ margin-bottom:20px !important; }
.margin-b30{ margin-bottom:30px; }
.margin-b40{ margin-bottom:40px; }
.margin-b60{ margin-bottom:60px; }



/*	Heading 2
-------------------------------------------------------------------*/
.htmlstrap-divider-2 .hsd2-title{
	font-family:"Times New Roman", Times, serif; 
	font-size:50px; 
	font-weight:600; 
	margin-top:0px; 
	margin-bottom:8px; 
	color:#262626; 
	line-height:61px;
}
.htmlstrap-divider-2 .hsd2-divider2{ width: 50%; text-align: center; margin: 0 auto; margin-bottom:40px; }
.htmlstrap-divider-2 .hsd2-divider2 .hsd2-divider { display: inline-block; float: none; overflow: hidden; text-align: center; width: 100%; }
.htmlstrap-divider-2 .hsd2-divider2 .hsd2-divider .hsd2-holder { display: inline-block; position: relative; }
.htmlstrap-divider-2 .hsd2-divider .hsd2-holder:before, 
.htmlstrap-divider-2 .hsd2-divider .hsd2-holder:after {
	  background: url(../images/sperter-br.png);
	  content: "";
	  height: 2px;
	  left: 100%;
	  margin-left: 10px;
	  position: absolute;
	  top: 14px;
	  width: 7700px;
	  opacity: .5;
}
.htmlstrap-divider-2 .hsd2-divider .hsd2-holder:after { content: ""; left: auto; margin-right: 10px; right: 100%; }
.htmlstrap-divider-2 .hsd2-divider .hsd2-holder:after { left: auto; margin-right: 10px; right: 100%; }
.htmlstrap-divider-2 .hsd2-divider .hsd2-holder span {
	  border: 1px solid #4b4d53;
	  display: inline-block;
	  height: 6px;
	  letter-spacing: 2px;
	  margin: 0px 1px 0 0;
	  transform: rotate(44deg);
	  width: 6px;
	  opacity: .5;
}

/*	Heading 3
-------------------------------------------------------------------*/
.htmlstrap-heading-3 { position:relative; }
.htmlstrap-heading-3 .title h2 { padding-bottom:40px; padding-left: 30px; position: relative; z-index: 2; font-weight: 700; }
.htmlstrap-heading-3 .title span { font-size: 128px; color: #e0e0e0; position: absolute; z-index: -1; left: -10px;   top: -54px; }
.htmlstrap-heading-3 p.lead { font-size: 14px; padding: 0; color: #acacac; line-height: 24px; font-style: italic; }


/*	Site Header 1
-------------------------------------------------------------------*/
.htmlstrap-site-header-1{  }

/* ---  == hssh1-searchopen =  --- */
.htmlstrap-site-header-1 #hssh1-searchopen{background:#2d2d2d; border-bottom:1px solid #3c3c3c; color:#676767; padding:0; position:relative; text-align:center; width:100%;}
.htmlstrap-site-header-1 #hssh1-searchopen .container{ position:relative; }
.htmlstrap-site-header-1 #hssh1-searchopen form { padding: 0 0px; }

.htmlstrap-site-header-1 #hssh1-searchopen.hssh1-searchform {
    background:#2d2d2d;
    border-bottom: 1px solid #3c3c3c;
    color: #676767;
    padding:0;
    position: relative;
    text-align: center;
    width: 100%;
}
.htmlstrap-site-header-1 #hssh1-searchopen.hssh1-searchform .hssh1-search-form:before {
	color: #676767;
	content: "\f002";
	display: inline-block;
	font-family: "FontAwesome";
	left: 28px;
	padding-right: 0;
	position: absolute;
	top: 15px;
}
.htmlstrap-site-header-1 #hssh1-searchopen.hssh1-searchform form {
    padding: 0 00px;
}
.htmlstrap-site-header-1 #hssh1-searchopen.hssh1-searchform .form-control::-moz-placeholder {
	color:#676767;
}
.htmlstrap-site-header-1 #hssh1-searchopen.hssh1-searchform .form-control::-webkit-input-placeholder {
	color:#676767;
}
.htmlstrap-site-header-1 #hssh1-searchopen.hssh1-searchform .form-control {
    background: transparent;
    border: 0 none;
    height: 52px;
	color:#676767;
    border-radius: 0;
    padding-left: 40px;
    margin: 0;
    width: 100%;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
}

/* ---  == hssh1-topbar =  --- */
.htmlstrap-site-header-1 .hssh1-topbar { background-color: #303030; font-weight: 500; padding:12px 0; }
.htmlstrap-site-header-1 .hssh1-topbar p { color:#9E9E9E; margin:0; font-size:14px; }
.htmlstrap-site-header-1 .hssh1-topbar p span { margin-left: 20px; }


/* ---  == hssh1-header =  --- */
.htmlstrap-site-header-1 .hssh1-header { padding:20px 0; border-bottom:8px double #999; position: relative; z-index: 100; }
.htmlstrap-site-header-1 .hssh1-header .navbar-brand{ padding-left:0px; }
/*.htmlstrap-site-header-1 .hssh1-header.hssh1-navbar-static-top {
	position: fixed;
	right: 0;
	background-color: #ffffff;
	left: 0;
	top:0;
	padding:15px 0;
	overflow: visible;
	border-bottom:1px solid #eee;
	display: block;
	z-index: 9000 !important;
}
.htmlstrap-site-header-1 .hssh1-header.hssh1-navbar-static-top .navbar-nav > li > .dropdown-menu { margin-top: 16px; }*/
.htmlstrap-site-header-1 .navbar-default .navbar-nav { padding-left: 11px; }
.htmlstrap-site-header-1 .dropdown-menu > li > a,
.htmlstrap-site-header-1 .dropdown-menu > li > a:hover,
.htmlstrap-site-header-1 .dropdown-menu > li > a:focus,
.htmlstrap-site-header-1 .navbar-default .navbar-nav > li > a:hover,
.htmlstrap-site-header-1 .navbar-default .navbar-nav > li > a:focus,
.htmlstrap-site-header-1 .navbar-default .navbar-nav > .open > a, 
.htmlstrap-site-header-1 .navbar-default .navbar-nav > .open > a:hover, 
.htmlstrap-site-header-1 .navbar-default .navbar-nav > .open > a:focus { background-color: transparent; }
.htmlstrap-site-header-1 .navbar-default .navbar-nav > li > a {
	font-size:15px;
	font-weight: bold;
	margin:0 ;
	color: rgb(76, 76, 76);
	line-height: 27px;
	text-transform: uppercase;
}
.htmlstrap-site-header-1 .navbar-default .navbar-nav > li > a.active { color:#303030; }
.htmlstrap-site-header-1 .navbar-default { 
	background-color: transparent; 
	border:0; 
	background-image:none !important; 
	-webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075); 
	box-shadow: inset 0 0px 0 rgba(255,255,255,.15),0 0px 0px rgba(0,0,0,.075); 
}
.htmlstrap-site-header-1 .navbar-default .hssh1-searchicon { }
.htmlstrap-site-header-1 .navbar,
.htmlstrap-site-header-1 .navbar-nav { margin:0; border:0; }
.htmlstrap-site-header-1 .navbar-nav > li > .dropdown-menu { background-color: #303030; border: 0 none;  border-radius: 0 !important; margin-top: 28px; padding: 10px 20px; }
.htmlstrap-site-header-1 .hssh1-mega-dropdown { position: static !important; }
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu {
    padding: 30px 20px !important;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu > li > ul { padding: 0; margin: 0; }
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu > li > ul > li { list-style: none; }
.htmlstrap-site-header-1 .dropdown-menu > li > a,
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu > li > ul > li > a {
    background-color: transparent !important;
    clear: both;
    color: #676767;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 5px 0;
    white-space: normal;
}
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu > li ul > li > a:hover,
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #303030; background-color: #f5f5f5; }
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu h5 { color: #676767 !important;  font-size: 14px; line-height: 28px; font-weight: normal; padding: 5px 0 5px; }
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu .item h5 { padding-top:15px; padding-bottom:0; }
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu .dropdown-header { color: #428bca; font-size: 17px; padding:20px 0 10px; font-weight:bold; }
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu .form-control { margin:0; }
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu .form-group { margin-bottom: 3px; }
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu .item { margin-top:10px; }
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu .form-control {
    background: #2c2c2c;
    border-color: #3c3c3c;
    color: #676767;
    box-shadow: none;
    height: 40px;
    margin: 5px 0 10px;
}
.htmlstrap-site-header-1 .hssh1-mega-dropdown-menu .form-control::-moz-placeholder {  color:#676767; }
.htmlstrap-site-header-1 .dropdown-menu .hssh1-divider { background-color: #3c3c3c;  height: 1px; margin: 10px 0 0;  overflow: hidden; }

.htmlstrap-site-header-1 .hssh1-callus { border-left: 1px solid #CCC; padding-left: 20px; }
.htmlstrap-site-header-1 .hssh1-callus h6 { color: #666; font-size: 14px; margin: 6px 0 0; }
.htmlstrap-site-header-1 .hssh1-callus h5 { font-size: 15px; margin: 5px 0 0; }


/*	Site sub-header 1
-------------------------------------------------------------------*/
.htmlstrap-site-sub-header-1{ background: url(../../images/banner02.png) top center fixed no-repeat; }
.htmlstrap-site-sub-header-1 .hsssh1-sub-banner { height: 260px; position: relative; margin-top: -5px; text-align: center; padding-top: 90px; }
.htmlstrap-site-sub-header-1 .hsssh1-sub-banner h1.hsssh1-title {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin: 0px;
	text-shadow: 2px 4px 0px rgba(0,0,0,0.5);
	margin-bottom: 10px;
}
.htmlstrap-site-sub-header-1 .hsssh1-sub-banner p {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	text-shadow: 2px 3px 0px rgba(0,0,0,0.5);
}
.htmlstrap-site-sub-header-1 .hsssh1-sub-banner .breadcrumb {
	background: rgba(0,0,0,0.4);
	display: inline-block;
	position: absolute;
	bottom: 0px;
	margin-bottom: 0px;
	border-radius: 4px 4px 0 0;
	width: 270px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
}
.htmlstrap-site-sub-header-1 .hsssh1-sub-banner .breadcrumb li a { color: #fff; text-transform: uppercase; font-weight:300; }
.htmlstrap-site-sub-header-1 .hsssh1-sub-banner .breadcrumb li a:hover{ text-decoration:none; }
.htmlstrap-site-sub-header-1 .hsssh1-sub-banner .breadcrumb li { color: #ecd206; font-size: 13px; font-weight: 300; display: inline-block; text-transform: uppercase; }



/*	Banner 1
-------------------------------------------------------------------*/
.htmlstrap-banner-1{ text-align:left; }
.htmlstrap-banner-1 .hsb1-box{ text-align: left;background: #fff;margin-bottom: 30px;}
.htmlstrap-banner-1 .hsb1-box img{  height:200px }
.htmlstrap-banner-1 .hsb1-box .hsb1-view.hsb1-view-first .hsb1-mask .fa{ color:#FFF; font-size:40px; }
.htmlstrap-banner-1 .hsb1-box .hsb1-view.hsb1-view-first p{ margin-bottom:0px; width: 100%; margin-top: 29%; }
.htmlstrap-banner-1 .hsb1-box .hsb1-hover-effect img {display: block;position: relative;}
.htmlstrap-banner-1 .hsb1-box>.hsb1-details {padding: 12px 15px;}
.htmlstrap-banner-1 .hsb1-price {color: #01B7F2;font-size:22px;text-transform: uppercase;float: right;text-align: right;line-height: 1;display: block;}
.htmlstrap-banner-1 .hsb1-price small {display: block;color: #428bca;font-size: 0.5em;}
.htmlstrap-banner-1 .hsb1-title, .htmlstrap-banner-1 .title {margin-bottom: 0;margin-top:0px;font-family: 'Dosis', sans-serif;}
.htmlstrap-banner-1 .hsb1-title a{ text-decoration:none; color: #4c4c4c; }
.htmlstrap-banner-1 .hsb1-title a:hover{ color: #838383; text-decoration:none; }
.htmlstrap-banner-1 .hsb1-title small {font-size: 10px;color: #838383;text-transform: uppercase;display: block;margin-top: 4px;}
.htmlstrap-banner-1 .hsb1-box img {width: 100%;height: auto;}

.htmlstrap-banner-1 .hsb1-view {width: 100%;height: 100%;float: left;overflow: hidden;position: relative;text-align: center;cursor: default;}
.htmlstrap-banner-1 .hsb1-view .hsb1-mask{width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;}
.htmlstrap-banner-1 .hsb1-view img {display: block;position: relative;}
.htmlstrap-banner-1 .hsb1-view h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.htmlstrap-banner-1 .hsb1-view p {font-style: italic;font-size: 12px;position: relative;color: #fff;padding: 10px 20px 20px;text-align: center;}
.htmlstrap-banner-1 .hsb1-view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.htmlstrap-banner-1 .hsb1-view-first .hsb1-mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(1,183,242,0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.htmlstrap-banner-1 .hsb1-view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.htmlstrap-banner-1 .hsb1-view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.htmlstrap-banner-1 .hsb1-view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.htmlstrap-banner-1 .hsb1-view-first:hover .hsb1-mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.htmlstrap-banner-1 .hsb1-view-first:hover h2,
.htmlstrap-banner-1 .hsb1-view-first:hover p,
.htmlstrap-banner-1 .hsb1-view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.htmlstrap-banner-1 .hsb1-view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}


/*	Banner 2
-------------------------------------------------------------------*/

.htmlstrap-banner-2 .hsb2-photo-gallery{ margin-left:-3%; }
	
.htmlstrap-banner-2 .hsb2-photo-gallery .hsb2-photo-gallery-itam{ 
	width:13.6667%; 
	float:left; 
	border:0px solid #FFF;
	background-color:#666; 
	position:relative; 
	overflow:hidden;
	margin-left:3%;
	margin-bottom:3%;
}
.htmlstrap-banner-2 .hsb2-photo-gallery .hsb2-photo-gallery-itam img{max-width:100% !important;}

.htmlstrap-banner-2 .hsb2-photo-gallery .hsb2-photo-gallery-itam a{ overflow: hidden; font-size:12px; }
.htmlstrap-banner-2 .hsb2-photo-gallery .hsb2-photo-gallery-itam a img{ width:100%;  margin-bottom:0px; display: block; position: relative; }

.htmlstrap-banner-2 .hsb2-view { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; }
.htmlstrap-banner-2 .hsb2-view .hsb2-mask, .htmlstrap-banner-2 .hsb2-view .hsb2-content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
.htmlstrap-banner-2 .hsb2-view img { display: block; position: relative; }
.htmlstrap-banner-2 .hsb2-view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.htmlstrap-banner-2 .hsb2-view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.htmlstrap-banner-2 .hsb2-view a.hsb2-info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.htmlstrap-banner-2 .hsb2-view a.hsb2-info:hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }

.htmlstrap-banner-2 .hsb2-view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.htmlstrap-banner-2 .hsb2-view-sixth .hsb2-mask {
   background-color: rgba(146,96,91,0.5);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
.htmlstrap-banner-2 .hsb2-view-sixth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.htmlstrap-banner-2 .hsb2-view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
.htmlstrap-banner-2 .hsb2-view-sixth a.hsb2-info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);
   -o-transform: translateY(10px);
   -ms-transform: translateY(10px);
   transform: translateY(10px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
  
    bottom: 0px;
	position: absolute;
	width: 100%;
	left: 0px;
}
.htmlstrap-banner-2 .hsb2-view-sixth:hover .hsb2-mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.htmlstrap-banner-2 .hsb2-view-sixth:hover img { -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; -ms-transition-delay:0s; transition-delay:0s; }
.htmlstrap-banner-2 .hsb2-view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.htmlstrap-banner-2 .hsb2-view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.htmlstrap-banner-2 .hsb2-view-sixth:hover a.hsb2-info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.htmlstrap-banner-2 .hsb2-view-sixth .hsb2-mask p{ margin-top:25%; font-size:40px; }		



/*	Banner 3
-------------------------------------------------------------------*/
.htmlstrap-banner-3 .hsb3-portfolio{ /*width:100%; height:auto; display:block; position:relative; margin-left:-10px;*/ }
	
.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam{ width:25%; height:225px; float:left; border:6px solid #FFF; background-color:#666; position:relative; overflow:hidden; }
.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a{ overflow: hidden; }
.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a img{ width:100%; margin-bottom:0px; display: block; position: relative; }
.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a div { position: absolute; background-color: rgba(1,192,225,.78); width: 100%; height: 100%; }
.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a div span {
		display: block;
		text-align: center;
		vertical-align: middle;
		position: relative;
		height: 100%;
		text-transform: uppercase;
		font-weight: normal;
		color:#FFF; 
		font-weight:600;
		margin-top: 36%; 
		margin-bottom: 27%;
}
	
.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a div {
		top: 0px;
		left: -100%;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
}
.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a:hover div{ left: 0px; }





/*	Search Box 1
-------------------------------------------------------------------*/
.htmlstrap-search-box-1{ width:100%; position:relative; }
.htmlstrap-search-box-1 .hssb1-search-box { padding: 20px 0 20px; }
.htmlstrap-search-box-1 .hssb1-search-box .row { margin: 0; }
.htmlstrap-search-box-1 .hssb1-search-box .row>div { padding: 0; }
.htmlstrap-search-box-1 form .hssb1-form-group { margin-bottom: 0px; }
.htmlstrap-search-box-1 .hssb1-search-box .hssb1-title { line-height:40px; margin: 0; color: #2d3e52; font-family: 'Dosis', sans-serif; font-size: 24px; font-weight: 300; }
.htmlstrap-search-box-1 input.hssb1-input-text.hssb1-input-large{ 
	height: 43px; 
	padding-left: 15px; 
	padding-right: 15px; 
	background:#f5f5f5; 
	border: none; 
	width: 100% !important; 
	font-size:15px;
	font-weight: 300;
}
.htmlstrap-search-box-1 .hssb1-search-box button {
	font-size:12px;
	text-transform:uppercase;
	padding-left: 0;
	padding-right: 0;
	height: 43px;
	line-height: 43px;
	width: 100% !important;
	font-weight: bold;
	background: #01B7F2;
	border: none;
	color: #fff;
	cursor: pointer;
	letter-spacing: 1px;
}


/*	Parallax 1
-------------------------------------------------------------------*/
.htmlstrap-parallax-1{ 
	position:relative; 
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 0px;
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 100px;
}	
.htmlstrap-parallax-1 .hsp1-b20{ margin-bottom:20px; }
.htmlstrap-parallax-1 h1.hsp1-title{ font-size:40px; color:#FFF; margin-top: 0px; line-height: 48px; font-weight: 600; }
.htmlstrap-parallax-1 p.hsp1-text{ color:#FFF; font-size: 18px; line-height: 1.65em; }
	
.htmlstrap-parallax-1 ul.hsp1-icon-list.hsp1-minute-rating{ padding-left:0px; padding-top: 15px; margin-bottom:0px; line-height: 1.55em; font-size: 16px; }
.htmlstrap-parallax-1 ul.hsp1-icon-list.hsp1-minute-rating li{ margin:0px;  list-style:none; display:inline-block; }
.htmlstrap-parallax-1 ul.hsp1-icon-list.hsp1-minute-rating li .fa{ font-size:18px; color: #01B7F2; }
.htmlstrap-parallax-1 h2.hsp1-title{ font-size:30px; color:#FFF; margin-top:0px; font-weight: 400; line-height: 48px; }
.htmlstrap-parallax-1 p{ color:#FFF; margin-bottom:0px; font-weight:300; font-size: 16px; line-height: 1.55em; }
.htmlstrap-parallax-1 .hsp1-address { width:100%; float:left; display:block; }
.htmlstrap-parallax-1 .hsp1-address a {
	border: 2px solid;
	display: inline-block;
	border-radius: 20px;
	padding: 5px 25px;
	margin-top: 0px;
	text-transform: uppercase;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	color: #FFF;
	border-color: rgba(33, 150, 243, 1);
}
.htmlstrap-parallax-1 .hsp1-address a:hover{ text-decoration:none; background-color: rgba(33, 150, 243, 1); }

/*	Parallax 2
-------------------------------------------------------------------*/
.htmlstrap-parallax-2{ 
	position:relative;
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 0px;
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 100px;
}
	
.htmlstrap-parallax-2 h1.hsp2-title{ font-size:40px; color:#FFF; margin-top:00px; line-height: 48px; font-weight: 600;  }
.htmlstrap-parallax-2 .hsp2-divider1.hsp2-center{ height: 3px; margin-top: 15px; margin-bottom: 15px; position: relative; }
.htmlstrap-parallax-2 .hsp2-divider1.hsp2-center .hsp2-divider1-inner{ width:60px; content:""; height:100%; max-width:100%; background-color:#CCC; margin:0px auto; }
.htmlstrap-parallax-2 p.hsp2-text{ color:#FFF; font-size: 18px; line-height: 1.65em; font-weight: 300; margin-bottom: 60px; margin-top: 0; }
	
.htmlstrap-parallax-2 .hsp2-address{ width:100%; float:none; display:inline-block; }
.htmlstrap-parallax-2 .hsp2-address a {
		width:200px;
		font-size: 12px;
		line-height: 19px;
		border: 2px solid;
		border-radius: 35px;
		padding: 15px 25px;
		margin-top: 50px;
		text-transform: uppercase;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		color: #FFF;
		border-color: rgba(33, 150, 243, 1);
}
.htmlstrap-parallax-2 .hsp2-address a:hover{ text-decoration:none; background-color: rgba(33, 150, 243, 1); }
	

/*	Parallax 3
-------------------------------------------------------------------*/
.htmlstrap-parallax-3{ 
	position:relative;
	background-image: url(http://placehold.it/1600x400);
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 0px;
	background-repeat: no-repeat;
}
	
.htmlstrap-parallax-3 h1.hsp3-title{ font-size:40px; color:#FFF; margin-top: 0px; text-transform:uppercase; }
.htmlstrap-parallax-3 p.hsp3-text{ color:#FFF; font-size: 18px; line-height: 1.65em; }
.htmlstrap-parallax-3 .button-white {
		background-color: transparent;
		border: 1px solid #ffffff;
		margin: 30px 0px;
		border-radius: 0;
		padding: 13px 40px;
		color: #ffffff;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 300;
		background-image:none;
		background-image:none;
		letter-spacing:2px;
}
.htmlstrap-parallax-3 .button-white .fa{ padding-left:10px; }
.htmlstrap-parallax-3 .button-white:hover{ text-decoration:none; background-color:#cc8800; }




/*	Call To Action 1
-------------------------------------------------------------------*/
.htmlstrap-call-to-action-1{ position:relative; background-color:#2F4054; padding-top: 60px; padding-bottom: 60px; }
.htmlstrap-call-to-action-1 img{ max-width:100%; }
.htmlstrap-call-to-action-1 .hscta-cta-image1{ margin-bottom: -87px; margin-top: -87px; margin-left: -50px; }
	
.htmlstrap-call-to-action-1 .col-md-5{ z-index:999; color:#FFF; }
.htmlstrap-call-to-action-1 .hscta-table { width: 100%; margin: 0;  display: table; }
.htmlstrap-call-to-action-1 .hscta-table .hscta-table-cell { vertical-align: middle;   display: table-cell; float: none !important; }
	
.htmlstrap-call-to-action-1 .hscta-table .hscta-table-cell h1.hscta-title{ 
		font-size: 32px;
		line-height:1.2em;
		padding-top:0px;
		margin-bottom:20px;
		letter-spacing: -1px;
		font-weight:300;
		color:#FFF;
}
.htmlstrap-call-to-action-1 .hscta-table .hscta-table-cell h1.hscta-title em{ font-weight:bold; }
.htmlstrap-call-to-action-1 .hscta-table .hscta-action { padding:5px 0 0; text-align: right; }
.htmlstrap-call-to-action-1 .hscta-table .hscta-action button {
		text-transform: uppercase;
		padding: 0 32px;
		height: 43px;
		font-size: 14px;
		line-height: 43px;
		background: #01B7F2;
		border: 0px;
		letter-spacing: 2px;
		color:#FFF;
}

.htmlstrap-call-to-action-1 p{ line-height: 22px; padding-top: 6px; margin-bottom: 14px; font-size: 15px; font-weight: 300; }
.htmlstrap-call-to-action-1 p .btn-punch.btn-link{
		padding: 0 !important;
		padding-bottom: 8px !important;
		min-width: inherit;
		border: none;
		font-weight: bold;
		font-size: 14px;
		border-bottom: 2px solid;
		text-decoration:none !important;
		color:#FFF;
		margin-right:10px;
}
.htmlstrap-call-to-action-1 p .btn-punch.btn-link:hover{ color:#FFF; border-bottom: 1px solid; }


/*	Call To Action 2
-------------------------------------------------------------------*/
.htmlstrap-call-to-action-2{ position:relative; background-color: #f0f0e9 }
.htmlstrap-call-to-action-2 .hscta2-cta-image1{ margin-bottom: -87px; margin-top: -87px; margin-left: -50px; }
	
.htmlstrap-call-to-action-2 .col-md-5{ z-index:999; color:#FFF; }
.htmlstrap-call-to-action-2 .hscta2-wrapper { width: 70%; margin: 0px auto;  display: table; }
.htmlstrap-call-to-action-2 .hscta2-wrapper .hscta2-cell { vertical-align: middle;   display: table-cell; float: none !important; }

.htmlstrap-call-to-action-2 .hscta2-wrapper .hscta2-cell h1.hscta2-title{ 
		font-size: 32px;
		line-height:1.2em;
		padding-top: 0px;
		margin-bottom: 12px;
		letter-spacing: 1px;
		font-weight:300;
		color: #373737;
}
.htmlstrap-call-to-action-2 .hscta2-wrapper .hscta2-cell h1.hscta2-title em{ font-weight:bold; }
.htmlstrap-call-to-action-2 .hscta2-wrapper .action-hscta2 { padding:1px 0 0; text-align: right; }
.htmlstrap-call-to-action-2 .hscta2-wrapper .action-hscta2 button {
		text-transform: uppercase;
		padding: 0 32px;
		height: 43px;
		font-size: 14px;
		line-height: 43px;
		background: #cc8800;
		border: 0px;
		letter-spacing: 2px;
		color:#FFF;
}
.htmlstrap-call-to-action-2 p{ line-height: 22px; padding-top: 6px; margin-bottom: 14px; font-size: 15px; font-weight: 300; }
.htmlstrap-call-to-action-2 p .btn-punch.btn-link{
		padding: 0 !important;
		padding-bottom: 8px !important;
		min-width: inherit;
		border: none;
		font-weight: bold;
		font-size: 14px;
		border-bottom: 2px solid;
		text-decoration:none !important;
		color:#FFF;
		margin-right:10px;
}
.htmlstrap-call-to-action-2 p .btn-punch.btn-link:hover{ color:#FFF; border-bottom: 1px solid; }



/* Info Box 1
-------------------------------------------------------------------*/
.htmlstrap-info-box-1 { position: relative; overflow: hidden; }
.htmlstrap-info-box-1 .text-center{ text-align:center; }
.htmlstrap-info-box-1 h1.hsib1-title{
		margin-top: 60px;
		font-size: 36px;
		line-height: 48px;
		font-weight: 600;
		font-family: 'Dosis', sans-serif;
}
.htmlstrap-info-box-1 .hsib1-divider1.hsib1-center{ height: 3px; margin-top: 10px; margin-bottom: 10px; position: relative; }
.htmlstrap-info-box-1 .hsib1-divider1.hsib1-center .hsib1-divider1-inner{ width:60px; content:""; height:100%; max-width:100%; margin:0px auto; background-color:#333; }
.htmlstrap-info-box-1 .hsib1-text{ font-size: 21px; font-weight: 300; line-height: 1.75em; margin-bottom: 60px; margin-top: 0; }
.htmlstrap-info-box-1 .hsib1-item{ width:100%; height:auto; text-align:center; display: block; }
.htmlstrap-info-box-1 .hsib1-item .glyphicon{ font-size: 50px; }
.htmlstrap-info-box-1 .hsib1-item .fa{ font-size: 50px; }
.htmlstrap-info-box-1 .hsib1-item h2{ font-weight: 600; text-transform: none; font-size: 24px; line-height: 1.5em; }
.htmlstrap-info-box-1 .hsib1-item p{ margin: 0 0 11.5px; font-size: 16px; font-weight:300; color: #4c4c4c; }


/*	Slider 1
-------------------------------------------------------------------*/
.htmlstrap-slider-1{ width:100%; height:500px; overflow:hidden; }

.htmlstrap-slider-1 .carousel-inner{ height:500px; }
.htmlstrap-slider-1 .carousel-inner .item{ height:500px; }
.htmlstrap-slider-1 .carousel-inner .item img{ max-width:100%; width:100%; height:auto; }
.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption{ bottom: 80px; left: 10%; }
.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption.box-color{
	background-color: rgba(35,34,35,0.8);
	width:395px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	bottom:70px;
}
.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption.box-color span{
	font-size:12px; 
	width:100%;
	display:block;
	text-align:left;
	color:#f55e45;
	text-transform: uppercase;
	font-weight:700;
	letter-spacing:3px;
}
.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption.box-color span.ccbc{
	text-transform: uppercase;
	letter-spacing: 6px;
	font-size: 14px;
	font-weight:600;
	color:#FFF;
}

.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption h2{
	margin-top: 20px;
	margin-bottom: 0;
	font-weight: 300;
	font-size: 25px;
	line-height: 32px;
	text-align:left;
}
.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption ul{ margin:0px; padding:0px; margin-top: 20px; margin-bottom: 20px; }
.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption ul li{ 
	list-style:none; 
	text-align:left; 
	font-size: 20px;
	line-height: 24px;
	padding: 7px 0px;
    font-weight: 500;
}
.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption ul li .fa{ margin-right:10px; }
.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption a.findout{
	font-size: 14px;
	text-transform: uppercase;
	height: 43px;
	line-height: 43px;
	display:inline-block;
	font-weight: bold;
	background: #cc8800;
	border: none;
	color: #fff;
	letter-spacing: 1px;
	float:left;
	padding: 0px 30px;
}
.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption a.findout:hover{ text-decoration:none; }

/* ---  == contact-form =  --- */
.htmlstrap-slider-1 .contact-form{
	width:100%;
	padding: 35px 180px 70px 130px;
	background: transparent;
	background-color: rgba(33, 33, 33, 0.9);
	position:absolute;
	top: -500px;
}
.htmlstrap-slider-1 .contact-form h1{ width:100%; font-size: 30px; text-align: center; text-transform: uppercase; color: #FFF; line-height: 32px; }
.htmlstrap-slider-1 .contact-form .form-group input.form-control{ 
	border-radius: 2px;
	border: 0px solid #ccc;
	line-height: 42px;
	padding: 0px 15px;
	height: 42px;
}
.htmlstrap-slider-1 .contact-form .form-group .form-control{ border-radius: 2px; border: 0px solid #ccc; padding: 0px 15px; }
.htmlstrap-slider-1 .contact-form .form-group textarea.form-control{ height:100px; }
.htmlstrap-slider-1 .contact-form button {
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 0;
	padding-right: 0;
	height: 42px;
	line-height: 42px;
	width: 100% !important;
	font-weight: bold;
	background: #cc8800;
	border: none;
	color: #fff;
	cursor: pointer;
	letter-spacing: 1px;
}


/*	Slider 2
-------------------------------------------------------------------*/
.htmlstrap-slider-2{ width:100%; height:500px; overflow:hidden; }

.htmlstrap-slider-2 .carousel-inner{ height:500px; }
.htmlstrap-slider-2 .carousel-inner .item{ height:500px; }
.htmlstrap-slider-2 .carousel-inner .item img{ max-width:100%; width:100%; height:100%; }
.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption{ bottom: 80px; left: 10%; }
.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption.box-color{
	background-color: rgba(35,34,35,0.8);
	width:395px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	bottom:70px;
}
.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption.box-color span{
	font-size:12px; 
	width:100%;
	display:block;
	text-align:left;
	color:#f55e45;
	text-transform: uppercase;
	font-weight:700;
	letter-spacing:3px;
}
.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption.box-color span.ccbc{
	text-transform: uppercase;
	letter-spacing: 6px;
	font-size: 14px;
	font-weight:600;
	color:#FFF;
}

.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption h2{
	margin-top: 20px;
	margin-bottom: 0;
	font-weight: 300;
	font-size: 25px;
	line-height: 32px;
	text-align:left;
}
.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption ul{ margin:0px; padding:0px; margin-top: 20px; margin-bottom: 20px; }
.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption ul li{ 
	list-style:none; 
	text-align:left; 
	font-size: 20px;
	line-height: 24px;
	padding: 7px 0px;
    font-weight: 500;
}
.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption ul li .fa{ margin-right:10px; }
.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption a.findout{
	font-size: 14px;
	text-transform: uppercase;
	height: 43px;
	line-height: 43px;
	display:inline-block;
	font-weight: bold;
	background: #cc8800;
	border: none;
	color: #fff;
	letter-spacing: 1px;
	float:left;
	padding: 0px 30px;
}
.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption a.findout:hover{ text-decoration:none; }



/*	Slider 3
-------------------------------------------------------------------*/
.htmlstrap-slider-3{ width:100%; height:auto; overflow:hidden; }

.htmlstrap-slider-3 .carousel-inner{ height:auto; }
.htmlstrap-slider-3 .carousel-inner .item{ height:623px; }
.htmlstrap-slider-3 .carousel-inner .item img{ max-width:100%; width:100%; height:100%; }
.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption{ bottom: 23%; left: 8%; right:8%; background-color: rgba(16, 15, 21, 0.3);}
.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption.box-color{
	background-color: rgba(35,34,35,0.8);
	width:395px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	bottom:70px;
}
.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption.box-color span{
	font-size:12px; 
	width:100%;
	display:block;
	text-align:left;
	color:#f55e45;
	text-transform: uppercase;
	font-weight:700;
	letter-spacing:3px;
}
.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption.box-color span.ccbc{
	text-transform: uppercase;
	letter-spacing: 6px;
	font-size: 14px;
	font-weight:600;
	color:#FFF;
}

.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption h2{
	margin-top: 0px;
	margin-bottom: 0;
	font-weight: 800;
	font-size:40px;
	line-height: 55px;
}
.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption .hss3-divider3{ width:85%; margin: 0px auto; padding:15px 0px; }
.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption h5{ font-weight:700; font-size:16px; text-transform:uppercase; line-height:22px; padding-bottom:20px; }

.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption ul{ margin:0px; padding:0px; margin-top: 20px; margin-bottom: 20px; }
.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption ul li{ 
	list-style:none; 
	text-align:left; 
	font-size: 20px;
	line-height: 24px;
	padding: 7px 0px;
    font-weight: 500;
}
.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption ul li .fa{ margin-right:10px; }
.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption a.findout{
	font-size: 14px;
	text-transform: uppercase;
	height: 43px;
	line-height: 43px;
	display:inline-block;
	font-weight: bold;
	background:rgb(232,173,6);
	border:1px solid rgb(232,173,6);
	border: none;
	color: #fff;
	letter-spacing: 1px;
	padding: 0px 30px;
}
.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption a.findout:hover{ text-decoration:none; background:none; border:1px solid rgb(232,173,6); }



/*	Info Box 2
-------------------------------------------------------------------*/
.htmlstrap-info-box-2{ }
.htmlstrap-info-box-2 .hsib2-title{ margin-top: 60px; font-size: 24px; line-height: 48px; font-weight: 300; }
.htmlstrap-info-box-2 .hsib2-title span{ font-weight:600; color: #cc8800; }
.htmlstrap-info-box-2 .hsib2-box{ margin-bottom:25px; margin-top:25px; }
.htmlstrap-info-box-2 .hsib2-box:after { content:''; clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.htmlstrap-info-box-2 .hsib2-box h3{ 
	float: left; 
	font-size: 18px; 
	margin: 8px 0 0 0; 
	padding: 0 0 0 15px; 
	border-left: 2px solid #AAA; 
	font-family:"Times New Roman", Times, serif; 
	font-weight: 600;
}

.htmlstrap-info-box-2 .hsib2-box h3 small{
	color: #777;
	color: rgba(0,0,0,.5);
	font-size: 12px;
	font-family: tahoma;
	font-weight: normal;
	text-transform: none;
	display: block;
	padding: 4px 0 0 0;		
}
.htmlstrap-info-box-2 .hsib2-box .fa { 
	width: 42px;
	color: #cc8800;
	font-size: 36px;
	float: left;
	margin: 0 15px 0 0 !important;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 7px 0 0 0;
}
.htmlstrap-info-box-2 .hsib2-viewall { width: 100%; float: left; display: block;   margin-top: 40px; }
.htmlstrap-info-box-2 .hsib2-viewall a {
	border: 2px solid;
	display: inline-block;
	border-radius: 5px;
	padding: 10px 40px;
	margin-top: 0px;
	text-transform: uppercase;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	color: #333;
	border-color:#cc8800;
}
.htmlstrap-info-box-2 .hsib2-viewall a:hover{ text-decoration:none; background-color:#cc8800; color:#FFF; }
.htmlstrap-info-box-2 .hsib2-viewall a:hover .fa{ color:#FFF; }


/*	Testimonial 1
-------------------------------------------------------------------*/
.htmlstrap-testimonial-1{ background-color:#cc8800; }
.htmlstrap-testimonial-1 h2{ font-size: 42px; margin-bottom: 15px; line-height: 52px; color:#FFF; }
.htmlstrap-testimonial-1 .carousel-caption{ position:relative; right: 0%; bottom: 0px; left: 0%;   padding: 0px 0px; padding-left: 214px; padding-top: 10px; }
.htmlstrap-testimonial-1 .item .box-inner{ width:172px; height:172px; float:left; }
.htmlstrap-testimonial-1 .item .box-inner img{ border-radius: 50%; }
.htmlstrap-testimonial-1 .carousel-caption blockquote {
	position: relative;
	padding: 0px 30px;
	margin: 0px 0px 23px;
	font-size: 20px;
	border: 0;
	line-height: 28px;
	font-family:"Times New Roman", Times, serif;
}
.htmlstrap-testimonial-1 .carousel-caption blockquote footer{ color: #FFF; font-size: 20px; }
.htmlstrap-testimonial-1 .carousel-indicators{ bottom: -25px; }
	
.htmlstrap-testimonial-1 .carousel-caption blockquote:before {
	content: "\201C";
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 56px;
	line-height: 1;
	position: absolute;
	left: 0;
	top: 0;
}
.htmlstrap-testimonial-1 .testimonial-link { font-size: 25px; color: #ffffff;   padding-top: 14px; }


/*	Testimonial 2
-------------------------------------------------------------------*/
.htmlstrap-testimonial-2{ background-color:#cc8800; }
.htmlstrap-testimonial-2 .carousel-caption{ position:relative; right: 0%; bottom: 0px; left: 0%;   padding: 0px 8%; }
.htmlstrap-testimonial-2 .carousel-caption blockquote {
	  position: relative;
	  padding: 0px 48px;
	  margin: 0px 0px 23px;
	  font-size: 22px;
	  border-left: 5px solid #e9e9e9;
	  border: 0;
	  line-height: 32px;
	  font-style: italic;
	  font-weight:300;
	}
.htmlstrap-testimonial-2 .carousel-caption blockquote footer{ color: #FFF; }
.htmlstrap-testimonial-2 .carousel-indicators{ bottom: -25px; }
.htmlstrap-testimonial-2 .carousel-caption blockquote:before {
	  content: "\201C";
	  display: block;
	  font: normal normal normal 14px/1 FontAwesome;
	  font-size: 84px;
	  line-height: 1;
	  position: absolute;
	  left: 0;
	  top: 0;
	}
.htmlstrap-testimonial-2 .carousel-caption blockquote img{ border-radius: 50%; }



/*	Testimonial 3
-------------------------------------------------------------------*/
.htmlstrap-testimonial-3{ 
	background-color:#cc8800; 
	/*background-image:url(http://placehold.it/1600x623); */  
	background-attachment: fixed; 
	background-size: cover;
	background-position: 50% 0px;
	background-repeat: no-repeat;
}
.htmlstrap-testimonial-3 .htmlstrap-heading-3 .title span{ opacity: .5; }
.htmlstrap-testimonial-3 .carousel-caption{ position:relative; right: 0%; bottom: 0px; left: 0%;   padding: 0px 8%; }
.htmlstrap-testimonial-3 .carousel-caption blockquote {
	position: relative;
	padding: 0px 110px;
	margin: 0px 0px 23px;
	font-size:18px;
	border-left: 5px solid #e9e9e9;
	border: 0;
	line-height: 32px;
	font-weight:300;
	color: #303030;
	text-shadow: 0 0px 0px rgba(0,0,0,.6);
}
.htmlstrap-testimonial-3 .carousel-caption blockquote footer{   color: #303030; text-shadow: 0 0px 0px rgba(0,0,0,.6); }
.htmlstrap-testimonial-3 .carousel-indicators{ bottom: -25px; }
.htmlstrap-testimonial-3 .carousel-caption blockquote:before {
	content: "\f10d";
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 48px;
	line-height: 1;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .5;
}
.htmlstrap-testimonial-3 .carousel-caption blockquote:after {
	content: "\f10e";
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 48px;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 0;
	opacity: .5;
}
.htmlstrap-testimonial-3 .carousel-caption blockquote img{ border-radius: 50%; margin-bottom:20px; margin-top:20px; }









/*	People 1
-------------------------------------------------------------------*/
.htmlstrap-people-1{ }
.htmlstrap-people-1 .hsp1-title{ margin-top: 60px; font-size: 24px; line-height: 48px; font-weight: 300; }
.htmlstrap-people-1 .hsp1-title span{ font-weight:600; color: #cc8800; }
.htmlstrap-people-1 .hsp1-box { border: 1px solid #e5e5e5; text-align: center; display: table; width: 100%; margin-bottom: 60px; position: relative; }
.htmlstrap-people-1 .hsp1-box-wrap { padding: 35px 15px; width: 100%; display: block; display: inline-block; 	}
.htmlstrap-people-1 .hsp1-box .hsp1-box-wrap { padding: 0px; }
.htmlstrap-people-1 .hsp1-box .hsp1-media img { display: block;  width: 100%; height: auto; }
.htmlstrap-people-1 .hsp1-box .hsp1-content { padding: 20px 20px 30px 20px; text-align:left; }
.htmlstrap-people-1 .hsp1-box p { font-size: 16px; margin-top: 15px; }
.htmlstrap-people-1 .hsp1-box .hsp1-content p.hsp1-name { font-size: 16px; }
.htmlstrap-people-1 .hsp1-box .hsp1-content p.hsp1-position { font-size: 15px; margin-top: 0px; padding: 0px 10px; margin-bottom:0px; }
.htmlstrap-people-1 .hsp1-box a { display: block;  height: auto; }
.htmlstrap-people-1 .hsp1-box-button { margin-bottom: -19px; }
.htmlstrap-people-1 .hsp1-box-button a{ background:#ffffff; border:1px solid #e5e5e5; display:inline-block; font-size:15px; line-height:15px; padding:11px 15px 9px 15px; }
.htmlstrap-people-1 .hsp1-box-button a i { font-size: 17px; color: #333; }
.htmlstrap-people-1 .hsp1-box-button a:hover i { font-size: 17px; color: #cc8800; }


/*	People 1
-------------------------------------------------------------------*/
.htmlstrap-people-2{ }
.htmlstrap-people-2 .team-member{ width:100%; position:relative; margin-bottom: 50px; text-align: center; cursor: pointer; }
.htmlstrap-people-2 .team-member img{ max-width:100%; width:100%; height:auto; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; }
.htmlstrap-people-2 .team-member:hover img { opacity: 0.7; }
.htmlstrap-people-2 .team-member h3 {
	padding: 30px 15px;
	margin-bottom: 0;
	background-color: #191919;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-top: 0px;
	font-size: 20px;
}
.htmlstrap-people-2 .team-member:hover h3 { background-color: #d4ae60; }
.htmlstrap-people-2 .team-member a { color: #fff; text-decoration: none; display: block; }


/*	Blog 1
-------------------------------------------------------------------*/
.htmlstrap-blog-1 .hsb1-title{ margin-top: 60px; font-size: 24px; line-height: 48px; font-weight: 300; }
.htmlstrap-blog-1 .hsb1-title span{ font-weight:600; color: #cc8800; }
.htmlstrap-blog-1 .hsb1-box { border: 1px solid #e5e5e5; text-align: center; display: table; width: 100%; margin-bottom: 60px; position: relative; }
.htmlstrap-blog-1 .hsb1-box-wrap { padding: 35px 15px; width: 100%; display: block; display: inline-block; 	}
.htmlstrap-blog-1 .hsb1-box .hsb1-box-wrap { padding: 0px; }
.htmlstrap-blog-1 .hsb1-box .hsb1-media img { display: block;  width: 100%; height: auto; }
.htmlstrap-blog-1 .hsb1-box .hsb1-content { padding: 20px 20px 30px 20px; text-align:left; }
.htmlstrap-blog-1 .hsb1-box p { font-size: 16px; margin-top: 15px; }
.htmlstrap-blog-1 .hsb1-box .hsb1-content p.hsb1-name { font-size: 16px; }
.htmlstrap-blog-1 .hsb1-box .hsb1-content p.hsb1-position { font-size: 15px; margin-top: 0px; padding: 0px 10px; margin-bottom:0px; }
.htmlstrap-blog-1 .hsb1-box a { display: block;  height: auto; }
.htmlstrap-blog-1 .hsb1-box-button { margin-bottom: -19px; }
.htmlstrap-blog-1 .hsb1-box-button a{ background:#ffffff; border:1px solid #e5e5e5; display:inline-block; font-size:15px; line-height:15px; padding:11px 15px 9px 15px; }
.htmlstrap-blog-1 .hsb1-box-button a i { font-size: 17px; color: #333; }
.htmlstrap-blog-1 .hsb1-box-button a:hover i { font-size: 17px; color: #cc8800; }
.htmlstrap-blog-1 .hsb1-box .hsb1-meta { margin: 0px 0px; padding: 5px 20px; border: 1px solid #e5e5e5; border-right: none; border-left: none; background: #ffffff; }
.htmlstrap-blog-1 .hsb1-box .hsb1-meta p { font-size: 13px; margin: 0px; }


/*	Blog 2
-------------------------------------------------------------------*/
.htmlstrap-blog-2{ }
.htmlstrap-blog-2 .post { margin-bottom: 60px; }
.htmlstrap-blog-2 .post:after { width: 100%; content: ""; display: inline-block; border-bottom: 0px solid rgba(204, 204, 204, 0.39); padding-top: 0px; }
.htmlstrap-blog-2 .post .entry-thumb{ margin-bottom: 20px; }
.htmlstrap-blog-2 .post .entry-thumb img{ max-width:100%; width:100%; height:auto; }
.htmlstrap-blog-2 .hover-effect { position: relative; display: inline-block; max-width: 100%; }
.htmlstrap-blog-2 .hover-effect .overlay {
  width: 100%;
  height: 100%;
  display: block;
  background: 0 0;
  position: absolute;
  top: 0;
  color: #fff;
  text-align: center;
  line-height: 100%;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.htmlstrap-blog-2 .hover-effect .fa{
	top:60%;
	margin-top:-15px;
	position:absolute;
	left:50%;
	margin-left:-15px;
	width:30px;
	height:30px;
	line-height:30px;
	color:transparent;
	-webkit-transition:all .5s;
	transition:all .5s
}
.htmlstrap-blog-2 .hover-effect:hover .overlay{background:rgba(0, 0, 0, 0.35); }
.htmlstrap-blog-2 .hover-effect:hover .fa{top:50%;color:#fff; }

.htmlstrap-blog-2 .post .entry-title { font-size: 24px; font-weight: 400; margin: 0; }
.htmlstrap-blog-2 .post .entry-title a{ color:#000; }
.htmlstrap-blog-2 .post .entry-title a:hover{ text-decoration:none; }
.htmlstrap-blog-2 .post .entry-meta { list-style: none; padding: 0; color: #999; font-size: 12px; font-weight: 300; margin-bottom: 9px; margin-top: 18px; }
.htmlstrap-blog-2 .post .entry-meta a { color: #999; }
.htmlstrap-blog-2 .post p{ color: #555;   font-size: 14px;   font-weight: 300; margin-bottom: 10px; line-height:20px; }
.htmlstrap-blog-2 .entry-content a.more{ font-weight:300; }
.htmlstrap-blog-2 .entry-content a.more .btn { font-weight:300; padding: 8px 30px; border-radius: 2px; }


/*	Logo 1
-------------------------------------------------------------------*/
.htmlstrap-logo-1 .hsl1-divider2{ width: 50%; text-align: center; margin: 0 auto; }
.htmlstrap-logo-1 .hsl1-divider2 .hsl1-divider { display: inline-block; float: none; overflow: hidden; text-align: center; width: 100%; }
.htmlstrap-logo-1 .hsl1-divider2 .hsl1-divider .hsl1-holder { display: inline-block; position: relative; }
.htmlstrap-logo-1 .hsl1-divider .hsl1-holder:before, 
.htmlstrap-logo-1 .hsl1-divider .hsl1-holder:after {
	  background: url(../images/sperter-br.png);
	  content: "";
	  height: 2px;
	  left: 100%;
	  margin-left: 10px;
	  position: absolute;
	  top: 14px;
	  width: 7700px;
	  opacity: .5;
}
.htmlstrap-logo-1 .hsl1-divider .hsl1-holder:after { content: ""; left: auto; margin-right: 10px; right: 100%; }
.htmlstrap-logo-1 .hsl1-divider .hsl1-holder:after { left: auto; margin-right: 10px; right: 100%; }
.htmlstrap-logo-1 .hsl1-divider .hsl1-holder span {
	  border: 1px solid #4b4d53;
	  display: inline-block;
	  height: 6px;
	  letter-spacing: 2px;
	  margin: 0px 1px 0 0;
	  transform: rotate(44deg);
	  width: 6px;
	  opacity: .5;
}
	
.htmlstrap-logo-1 { position:relative; }
.htmlstrap-logo-1 .hsl1-title{font-family:"Times New Roman", Times, serif; font-size:50px; font-weight:600; margin-top:0px; margin-bottom:8px; color:#262626; line-height:61px;}
.htmlstrap-logo-1 .hsl1-grid{ margin:0px; padding:0px; }
.htmlstrap-logo-1 .hsl1-grid li{ float: left; padding:20px 20px 00px 20px; text-align: center; list-style:none; }
.htmlstrap-logo-1 .hsl1-grid .hsl1-first {  }
.htmlstrap-logo-1 .hsl1-grid .hsl1-second {  }
.htmlstrap-logo-1 .hsl1-grid .hsl1-first img,
.htmlstrap-logo-1 .hsl1-grid .hsl1-second img{ margin:0px auto;   display: block; max-width: 100%; height: auto; }
	
.htmlstrap-logo-1 .hsl1-grid .hsl1-first.hsl1-last, 
.htmlstrap-logo-1 .hsl1-grid .hsl1-second.hsl1-last {  }




/*	Logo 2
-------------------------------------------------------------------*/
.htmlstrap-logo-2{ position:relative; }
.htmlstrap-logo-2 .hsl2-grid{ margin:0px; padding:0px; }
.htmlstrap-logo-2 .hsl2-grid li{   float: left; padding: 20px; text-align: center; list-style:none; }
.htmlstrap-logo-2 .hsl2-grid .hsl2-first{ border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.htmlstrap-logo-2 .hsl2-grid .hsl2-second{ border-right: 1px solid #e6e6e6; }
.htmlstrap-logo-2 .hsl2-grid .hsl2-first img,
.htmlstrap-logo-2 .hsl2-grid .hsl2-second img{ margin:0px auto;   display: block; max-width: 100%; height: auto; }
	
.htmlstrap-logo-2 .hsl2-grid .hsl2-first.hsl2-last, 
.htmlstrap-logo-2 .hsl2-grid .hsl2-second.hsl2-last { border-right: 1px solid transparent; }



/*	Logo 3
-------------------------------------------------------------------*/
.htmlstrap-logo-3{ position:relative; }
.htmlstrap-logo-3 .client-logos{ margin:0px; padding:0px; }
.htmlstrap-logo-3 .client-logos li{   float:left; width:25%; text-align: center; list-style:none; padding: 96px 0; }
.htmlstrap-logo-3 .client-logos li .img-responsive{ display:inline-block; }
.htmlstrap-logo-3 .client-logos li:nth-child(odd) { background-color: #f4f4f4; }

.htmlstrap-logo-3 .client-logos.alt li{ background-color: #f4f4f4 }
.htmlstrap-logo-3 .client-logos.alt li:nth-child(odd) { background-color: #fff; }


/*Footer 1
-------------------------------------------------------------------*/
.htmlstrap-footer-1{ overflow: hidden; width: 100%; background: #444; }
.htmlstrap-footer-1 .hsf1-news_main{ width:100%; height:100%; position:relative; padding-top: 115px; }
.htmlstrap-footer-1 .hsf1-news { top: 50%; display: table; z-index: 3; width: 100%; }
.htmlstrap-footer-1 .hsf1-news .hsf1-title {
  width: 247px;
  padding-top:5px;
  font-style:italic;
  color: #FFF;
  display: table-cell;
  vertical-align: top;
  font-weight: 600;
}
.htmlstrap-footer-1 .hsf1-news .hsf1-title h1{ margin-top:0px; margin-bottom:0px; font-size:30px; }
.htmlstrap-footer-1 .hsf1-news .hsf1-subscribe { padding-right: 50px; display: table-cell; }
.htmlstrap-footer-1 .hsf1-news form { width: 100%; float: left; }
.htmlstrap-footer-1 .hsf1-news form input { 
	width:70%; 
	height:40px; 
	font:14px; 
	color:#000; 
	letter-spacing:.4px; 
	text-indent:12px; 
	border-radius:5px 0 0 5px; 
	border:none; 
	float: left; 
}
.htmlstrap-footer-1 .hsf1-news form button { 
	width:30%; 
	height:40px; 
	line-height:40px; 
	border-radius:0 5px 5px 0; 
	float:left; 
	border:0px; 
	background-color:#01b7f2; 
	color:#FFF; 
}
.htmlstrap-footer-1 .hsf1-news form button:hover{ background-color:#000; }
.htmlstrap-footer-1 form button span { position: relative; display: inline-block; }

.htmlstrap-footer-1 .hsf1-news .hsf1-social { display: table-cell; }
.htmlstrap-footer-1 .hsf1-news .hsf1-social a { 
	width:30px;
	height:30px;
	margin:0 7px 5px 0;
	color:#444;
	text-align:center;
	background:#FFF;
	display:block;
	float:left;
	border-radius:100px; 
}
.htmlstrap-footer-1 .hsf1-news .hsf1-social a .fa{ line-height: 32px; font-size:13px; color: #444; }

.htmlstrap-footer-1 .hsf1-contact {
	width: auto;
	height: 100%;
	padding: 60px 0 60px 50px;
	font-size: 16px;
	color: #FFF;
	letter-spacing: .4px;
	float: right;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	background-color: #666;
	margin-right: -1000px;
	padding-right: 1000px;
	font-weight: 300;
}
.htmlstrap-footer-1 .hsf1-contact a{ color:#FFF; }

/* ---- == widget == ---- */
.hsf1-footer{ overflow: hidden; width: 100%; background-color: #1c1c1c; color: #eee; }
.hsf1-footer .hsf1-copyright{ font-size:13px; color: #eee;   padding: 11px 0px; text-transform:uppercase; }
.hsf1-footer .hsf1-copyright a{ color:#eee; padding:3px 10px 0px 10px; display:inline-block; }
.hsf1-footer .hsf1-copyright a:hover{   color: #337ab7; text-decoration:none; }
/*.htmlstrap-footer-1 .hsf1-footer .hsf1-social-icon ul{ margin:0px; padding:0px; list-style:none; float:right; }
.htmlstrap-footer-1 .hsf1-footer .hsf1-social-icon ul li{ float:left; display:inline-block;  }
.htmlstrap-footer-1 .hsf1-footer .hsf1-social-icon ul li a{ font-size:13px; color: #eee; text-transform:uppercase; }
.htmlstrap-footer-1 .hsf1-footer .hsf1-social-icon ul li a:hover{ color:#FFF; text-decoration:none; }*/


/*	Footer 2
-------------------------------------------------------------------*/
.htmlstrap-footer-2 { background-color: #272727; }
	
/* ---- == widget == ---- */
.htmlstrap-footer-2 .hsf2-footer-widget{ overflow: hidden; width: 100%; }
.htmlstrap-footer-2 .hsf2-footer-widget .hsf2-news { top: 50%; display: table; z-index: 3; width: 100%; }
.htmlstrap-footer-2 .hsf2-footer-widget .hsf2-title {
	width:100%;
	text-align:center;
	padding-top: 5px;
	font-size:20px;
	color: #FFF;
	font-weight: 400;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:30px;
}
.htmlstrap-footer-2 .hsf2-footer-widget .hsf2-title span{ color:#cc8800; }

.htmlstrap-footer-2 .hsf2-footer-widget .hsf2-textwidget,
.htmlstrap-footer-2 .hsf2-footer-widget p{ color: #FFF; font-size:14px; }

.htmlstrap-footer-2 .hsf2-footer-widget .hsf2-address {
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #a5a5a5;
	letter-spacing: .4px;
	float: right;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	font-weight: 700;
}
.htmlstrap-footer-2 .hsf2-footer-widget .hsf2-address p{ text-align:center; }
.htmlstrap-footer-2 .hsf2-footer-widget .hsf2-address a{ color: #a5a5a5; }
.htmlstrap-footer-2 .hsf2-footer-widget .hsf2-address ul{ margin:0px; padding:0px; }
.htmlstrap-footer-2 .hsf2-footer-widget .hsf2-address ul li { list-style:none; font-weight:300; font-size:14px; margin-left: 95px; text-align: left; }
.htmlstrap-footer-2 .hsf2-footer-widget .hsf2-address ul li .fa{ 
	border: 1px solid #555;
	border-radius: 50%;
	display: inline-block;
	margin: 2px 7px;
	text-align: center;
	width: 25px;
	height:25px;
	color: #a5a5a5;
	font-size: 12px;
	line-height: 25px;
}


/* ---- == copyright == ---- */
.htmlstrap-footer-2 .hsf2-footer{ overflow: hidden; width: 100%; color: #eee; }
.htmlstrap-footer-2 .hsf2-footer .hsf2-footer-menu{ }
.htmlstrap-footer-2 .hsf2-footer .hsf2-footer-menu ul{ margin:0px; padding:0px; }
.htmlstrap-footer-2 .hsf2-footer .hsf2-footer-menu ul li{ float:left; list-style:none; }
.htmlstrap-footer-2 .hsf2-footer .hsf2-footer-menu ul li a{ font-size:13px; color: #eee; text-transform:uppercase;   padding: 0px 20px; }
.htmlstrap-footer-2 .hsf2-footer .hsf2-footer-menu ul li a:hover{ color: #cc8800; text-decoration:none; }

.htmlstrap-footer-2 .hsf2-footer .hsf2-copyright{ font-size:13px; color: #eee;   padding:0px 0px; text-transform:uppercase; padding-right: 15px; }
.htmlstrap-footer-2 .hsf2-footer .hsf2-copyright a{ color:#eee; padding:3px 5px 0px 5px; display:inline-block; }
.htmlstrap-footer-2 .hsf2-footer .hsf2-copyright a:hover{   color: #337ab7; text-decoration:none; }
	
.htmlstrap-footer-2 .hsf2-footer .hsf2-footer-inner{ padding: 15px 0 !important; border: solid 2px #555; border-radius: 4px; }





/*	Footer 3
-------------------------------------------------------------------*/
.htmlstrap-footer-3{ overflow: hidden; width: 100%;   background: #000; }

.htmlstrap-footer-3 .widget_tag_cloud ul,
.htmlstrap-footer-3 .widget_recent_entries ul,
.htmlstrap-footer-3 .widget_categories ul,
.htmlstrap-footer-3 .widget_archive{ margin: 0; padding: 0;  list-style: none;   margin-bottom: 0; }
.htmlstrap-footer-3 .hsf3-fwidget .hsf3-fwidget-title {
    margin-bottom: 12px!important;
    padding-bottom: 12px!important;
    position: relative;
    font-size: 18px;
    line-height: 24px;
	color: #fff;
	font-weight: 600;
}
.htmlstrap-footer-3 .hsf3-fwidget .hsf3-fwidget-title:after { content: ""; position: absolute; height: 1px; width: 50px; bottom: 0; left: 0; background: #fff; }
.htmlstrap-footer-3 .hsf3-fwidget ul li a{ font-size:16px; text-decoration:none; color:#FFF; clear:left; }
.htmlstrap-footer-3 .hsf3-fwidget ul li a:hover{ color: rgba(255,255,255,.8); }
.htmlstrap-footer-3 .hsf3-fwidget ul li .hsf3-post-date{ font-size: 14px; line-height: inherit;   display: inline-block; color: rgba(255,255,255,.8); }
.htmlstrap-footer-3 .widget_recent_entries li { padding-left:0px; min-height: 45px; padding-bottom: 8px; border-bottom: 1px solid; border-color: #3c3c3c; }
.htmlstrap-footer-3 .widget_recent_entries li .hsf3-post-thum{ width: 40px; height: 40px; text-align: center; margin-right: 8px; float: left; }
.htmlstrap-footer-3 .widget_recent_entries li .hsf3-post-thum img{ width: 40px; height: 40px; }
.htmlstrap-footer-3 .widget_archive li, 
.htmlstrap-footer-3 .widget_categories li, 
.htmlstrap-footer-3 .widget_meta li, 
.htmlstrap-footer-3 .widget_nav_menu li, 
.htmlstrap-footer-3 .widget_pages li, 
.htmlstrap-footer-3 .widget_recent_comments li,
.htmlstrap-footer-3 .widget_recent_entries li, 
.htmlstrap-footer-3 .widget_twitter li { clear: both; margin-bottom: 8px; position: relative; }

.htmlstrap-footer-3 .widget_archive ul{ margin-left:0px; padding-left:0px; }
.htmlstrap-footer-3 .widget_archive li{ list-style:none; padding-left:0px; }

.htmlstrap-footer-3 .widget_tag_cloud ul li { display: inline-block; margin-bottom: 6px; }
.htmlstrap-footer-3 .widget_tag_cloud ul li a {
	display: block;
	line-height: 24px;
	font-size: 14px!important;
	text-transform: none!important;
	margin-right: 6px;
	padding: 0 10px;
	text-decoration: none;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	background: #f5f5f5;
	color: #3c3c3c;
}
.htmlstrap-footer-3 .widget_tag_cloud ul li a:hover{ color:#999; }

/* ---- == copyright == ---- */
.htmlstrap-footer-3.hsf3-footer{ overflow: hidden; width: 100%; background-color: #1c1c1c; color: #eee; }
.htmlstrap-footer-3.hsf3-footer .hsf3-copyright{ font-size:15px; color: #eee;   padding: 11px 0px; }
.htmlstrap-footer-3.hsf3-footer .hsf3-social-icon ul{ margin:0px; padding:0px; list-style:none; float:right; }
.htmlstrap-footer-3.hsf3-footer .hsf3-social-icon ul li{ float:left; display:inline-block;  }
.htmlstrap-footer-3.hsf3-footer .hsf3-social-icon ul li a{ font-size:15px; color: #eee; text-transform:uppercase; padding: 14px 12px 8px 12px; display:block; }
.htmlstrap-footer-3.hsf3-footer .hsf3-social-icon ul li a:hover{ color:#FFF; text-decoration:none; }




/*	Footer 4
-------------------------------------------------------------------*/
.htmlstrap-footer-4{ text-align: center; background: #4b494f; color: #999; padding: 50px 0 0; }
.htmlstrap-footer-4 .hsf4-fwidget { margin: 0 0 50px; }
.htmlstrap-footer-4 .hsf4-title { color: #eee; margin: 0 0 15px; }
.htmlstrap-footer-4 .hsf4-fwidget a{ color:#FFF; }
.htmlstrap-footer-4 .hsf4-fwidget a:hover{ text-decoration:none; }

.htmlstrap-footer-4 .hsf4-fwidget .hsf4-input-group { position: relative; display: table; border-collapse: separate; }
.htmlstrap-footer-4 .hsf4-fwidget .form-control { 
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: table-cell;
	border: none; 
	border-bottom-right-radius: 0; 
	border-top-right-radius: 0; 
}
.htmlstrap-footer-4 .hsf4-fwidget .input-btn{ width: 1%; vertical-align: middle; position: relative; font-size: 0; white-space: nowrap; display: table-cell; }
.htmlstrap-footer-4 .hsf4-fwidget .input-btn .btn-danger{ border-bottom-left-radius: 0; border-top-left-radius: 0; height: 36px; display: block; margin-top: -1px;  }

.htmlstrap-footer-4 .hsf4-fwidget .hsf4-social-links { margin: 15px 0 0; list-style-type: none; padding: 0; }
.htmlstrap-footer-4 .hsf4-fwidget .hsf4-social-links li { display: inline-block; margin: 0 5px 0 0; line-height: 25px; }
.htmlstrap-footer-4 .hsf4-fwidget .hsf4-social-links a { text-align: center; color: #fff; }
.htmlstrap-footer-4 .hsf4-fwidget .hsf4-social-links a .fa{ width: 35px; height: 35px; line-height: 30px; display: block; border: 2px solid #eee; border-radius: 50px; }
.htmlstrap-footer-4 .hsf4-copyright { border-top: 5px solid rgba(255,255,255,.1); font-size: 12px; padding: 20px 0 10px; font-size:14px; }
.htmlstrap-footer-4 .hsf4-copyright a{ color: #999; }

 
/*	Why Us 1
-------------------------------------------------------------------*/
.htmlstrap-why-us-1 img { display: block; }
.htmlstrap-why-us-1 .title h2 { padding-bottom:40px; padding-left: 30px; position: relative; z-index: 2; font-weight: 700; }
.htmlstrap-why-us-1 .title span { font-size: 128px; color: #e0e0e0; position: absolute; z-index: -1; left: -10px;   top: -54px; }
.htmlstrap-why-us-1 p.lead { font-size: 14px; padding: 0; color: #acacac; line-height: 24px; font-style: italic; }
.htmlstrap-why-us-1 .item { margin-top: 50px; }

.htmlstrap-why-us-1 .item h3 { font-size: 18px; font-weight: 700; margin-bottom:0px; margin-top:0px; }
.htmlstrap-why-us-1 .item h3 i { padding-right: 10px; color:#cc8800; font-weight: 300; }
.htmlstrap-why-us-1 .item p{ font-size: 14px; color:#515151; padding-top:20px; margin-bottom:0px; }


/*	Our Services 1
-------------------------------------------------------------------*/
.htmlstrap-our-services-1{ background-color:#EFEFEF; }
.htmlstrap-our-services-1 .item .b-item{ width:100%; position:relative; text-align:center; }
.htmlstrap-our-services-1 .item .b-item .badge-text{ position: absolute; top: 0px; width: 100%; }
.htmlstrap-our-services-1 .item .b-item .badge-text h2{ 
	font-size: 12px; 
	line-height: 14px; 
	letter-spacing: 0px; 
	font-weight: 400; 
	color:#FFF; 
	margin-bottom:0px;
	margin-top:40px;
}
.htmlstrap-our-services-1 .item .b-item .badge-text h4{ 
	font-size: 30px; 
	line-height: 36px; 
	letter-spacing: 1px; 
	font-weight: 700;
	color:#FFF; 
	margin-bottom:0px;
	margin-top:0px;
}
.htmlstrap-our-services-1 .item .b-item .badge-text h6{ 
	font-size: 12px; 
	line-height: 14px; 
	letter-spacing: 0px; 
	font-weight: 400;
	color:#FFF; 
	margin-bottom:0px;
	margin-top:0px;
}
.htmlstrap-our-services-1 .item .content { }
.htmlstrap-our-services-1 .item .content h3{ line-height: 24px; color: #000; font-size: 20px; text-align: center; font-weight: 300; }
.htmlstrap-our-services-1 .item .content p{ font-size:15px; }

.htmlstrap-our-services-1 .carousel-indicators{ bottom:-30px; }
.htmlstrap-our-services-1 .carousel-indicators li{ width:20px; height:20px; background-color:#FFF; }
.htmlstrap-our-services-1 .carousel-indicators .active{  width:20px; height:20px; background-color:#cc8800; }


/*	Pricing 1
-------------------------------------------------------------------*/
.htmlstrap-pricing-table-1{ background-color:#999; }
.htmlstrap-pricing-table-1 .pricing { 
	background: #fff; 
	background: rgba(255, 255, 255, 0.98); 
	border-radius: 3px;
	color: #777;
	font-size:14px;
	line-height:28px;
	max-width: 100%;
	width:100%;
	padding: 30px 0 30px;
	text-align: center;
}
.htmlstrap-pricing-table-1 .pricing .icon { font-size: 4em; height: 70px; line-height: 70px; margin: 0 auto 16px; width: 80px; }
.htmlstrap-pricing-table-1 .pricing.pricing-danger .icon { color: #d73e4d; }
.htmlstrap-pricing-table-1 .pricing .title { font-size: 20px; line-height: 44px; margin: 0 0 26px; text-transform: uppercase; }
.htmlstrap-pricing-table-1 .pricing .options { border-top: 1px solid #777; border-top: 1px solid rgba(0, 0, 0, 0.05); list-style: none; margin: 0 0 26px; padding: 0; }
.htmlstrap-pricing-table-1 .pricing .options li { border-bottom: 1px solid #777; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding:10px 0 10px; font-size:15px; }
.htmlstrap-pricing-table-1 .pricing .price-box { border-bottom: 1px solid #777; border-bottom: 1px solid rgba(0, 0, 0, 0.05); line-height: 1; padding: 0 0 30px; }
.htmlstrap-pricing-table-1 .pricing .price-box .price { font-size: 32px; }
.htmlstrap-pricing-table-1 .pricing.pricing-danger .title, 
.htmlstrap-pricing-table-1 .pricing.pricing-danger .price-box .price { color: #d73e4d; }
.htmlstrap-pricing-table-1 .pricing .price-box .price-label { color: #999; font-size: 12px; font-weight: 500; }
.htmlstrap-pricing-table-1 .pricing .btn { margin: 29px auto 0; padding: 8px 34px; }

.htmlstrap-pricing-table-1 .btn.btn-danger { background-color: #d73e4d; border-color: #d73e4d; }
.htmlstrap-pricing-table-1 .btn { border-radius: 2px; background-image:none; }

.htmlstrap-pricing-table-1 .pricing.pricing-warning .icon,
.htmlstrap-pricing-table-1 .pricing.pricing-warning .title,
.htmlstrap-pricing-table-1 .pricing.pricing-warning .price-box .price { color: #d6973d; }

.htmlstrap-pricing-table-1 .pricing.pricing-success .icon,
.htmlstrap-pricing-table-1 .pricing.pricing-success .title,
.htmlstrap-pricing-table-1 .pricing.pricing-success .price-box .price { color: #5cb85c; }

.htmlstrap-pricing-table-1 .pricing.pricing-primary .icon,
.htmlstrap-pricing-table-1 .pricing.pricing-primary .title, 
.htmlstrap-pricing-table-1 .pricing.pricing-primary .price-box .price { color: #375099; }



@media (max-width: 1024px) {
	/*	Call To Action 1
	-------------------------------------------------------------------*/
	.htmlstrap-call-to-action-1 .hscta-cta-image1 {margin-bottom: 0px; margin-top: 0px; margin-left: 0px;  }
	
}

@media (max-width: 960px) {
	
	
}


/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media (max-width: 768px) {	
	
	/*	Site header 1
	-------------------------------------------------------------------*/

	
	/*	Slider 1
	-------------------------------------------------------------------*/
	.htmlstrap-slider-1 { height: auto; }
	.htmlstrap-slider-1 .carousel-inner { height: auto; }
	.htmlstrap-slider-1 .carousel-inner .item{ height: auto; }
	
	.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption { bottom: 20px; }
	.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption.box-color { bottom: 30px; width: 260px; }
	.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption.box-color span.ccbc{ letter-spacing: 2px; font-size: 12px; }
		
	.htmlstrap-slider-1 .contact-form{ position:relative; top: 0px; padding: 35px 35px 55px 35px; width:auto; }
	.htmlstrap-slider-1 .contact-form h1{ font-size: 19px; }
	
	
	/*	Slider 2
	-------------------------------------------------------------------*/
	.htmlstrap-slider-2 { height: auto; }
	.htmlstrap-slider-2 .carousel-inner { height: auto; }
	.htmlstrap-slider-2 .carousel-inner .item{ height: auto; }
	
	.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption { bottom: 20px; }
	.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption.box-color { bottom: 30px; width: 260px; }
	.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption.box-color span.ccbc{ letter-spacing: 2px; font-size: 12px; }
	
	
	/*	Slider 3
	-------------------------------------------------------------------*/
	.htmlstrap-slider-3 { height: auto; }
	.htmlstrap-slider-3 .carousel-inner { height: auto; }
	.htmlstrap-slider-3 .carousel-inner .item{ height: auto; }
	
	.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption { bottom: 20px; }
	.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption.box-color { bottom: 30px; width: 260px; }
	.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption.box-color span.ccbc{ letter-spacing: 2px; font-size: 12px; }
	
	
	
	/*	Call To Action 1
	-------------------------------------------------------------------*/
	.htmlstrap-call-to-action-1 .hscta-cat-img-div{ text-align:center; }
	.htmlstrap-call-to-action-1 .hscta-cta-image1{ margin-bottom:0px; margin-top:0px; margin-left:0px; }
	
	/*	Call To Action 2
	-------------------------------------------------------------------*/
	.htmlstrap-call-to-action-2 .hscta2-wrapper .hscta2-cell h1.hscta2-title { font-size: 20px; }
	
	
	/*	Banner 2
	-------------------------------------------------------------------*/
	.htmlstrap-banner-2 .hsb2-photo-gallery .hsb2-photo-gallery-itam { width:30.333%;  }
	
	
	
	/*	Banner 3
	-------------------------------------------------------------------*/
	.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam{ width:33.333%; height: auto; }
	.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a img{ height:100%; max-width:100%; }
	.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a div span{ margin-top: 47%; }
	
	
	/*	Footer 1
	-------------------------------------------------------------------*/
	.htmlstrap-footer-1 .hsf1-contact { width: 100%; padding: 40px 40px 40px 40px; margin-right: 00px; margin-top:20px; }
	
	
	/*	Logo 3
	-------------------------------------------------------------------*/
	.htmlstrap-logo-3 .client-logos li{ width: 33.333%; }
	
}


@media (max-width: 640px) {
	
	/*	Site Header 1
	-------------------------------------------------------------------*/
	.hssh1-topbar span,
	.hssh1-topbar .pull-left,
	.hssh1-topbar .pull-right { display: block; font-size:12px; float:none !important; text-align: center !important; }
	
	
	
	
	/*	Slider 1
	-------------------------------------------------------------------*/
	.htmlstrap-slider-1 { height: auto; }
	.htmlstrap-slider-1 .carousel-inner { height: auto; }
	.htmlstrap-slider-1 .carousel-inner .item{ height: auto; }
	
	.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption { bottom: 20px; display:none; }
	.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption.box-color { bottom: 30px; width: 260px;  display:none; }
	.htmlstrap-slider-1 .carousel .carousel-inner .item .carousel-caption.box-color span.ccbc{ letter-spacing: 2px; font-size: 12px; }
		
	.htmlstrap-slider-1 .contact-form{ position:relative; top: 0px; padding: 35px 35px 55px 35px; width:auto; }
	.htmlstrap-slider-1 .contact-form h1{ font-size: 19px; }
	
	
	/*	Slider 1
	-------------------------------------------------------------------*/
	.htmlstrap-slider-2 { height: auto; }
	.htmlstrap-slider-2 .carousel-inner { height: auto; }
	.htmlstrap-slider-2 .carousel-inner .item{ height: auto; }
	
	.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption { bottom: 20px; display:none; }
	.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption.box-color { bottom: 30px; width: 260px;  display:none; }
	.htmlstrap-slider-2 .carousel .carousel-inner .item .carousel-caption.box-color span.ccbc{ letter-spacing: 2px; font-size: 12px; }
	
	
	/*	Slider 3
	-------------------------------------------------------------------*/
	.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption h2 { font-size: 20px; line-height: 20px; }
	.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption h5 { font-size: 10px; line-height: 18px; padding-bottom: 10px; }
	
	
	/*	Info Box 2
	-------------------------------------------------------------------*/
	.htmlstrap-info-box-2 .hsib2-box .fa{ width:100%; margin-right:0px; text-align:center; }
	.htmlstrap-info-box-2 .hsib2-box h3{ border-left:0px; padding-left:0px; text-align:center; width:100%; }
	
	
	/*	Testimonial 1
	-------------------------------------------------------------------*/
	.htmlstrap-testimonial-1 h2{ font-size: 22px; margin-bottom:0px; margin-top:0px; line-height: 30px;  }
	.htmlstrap-testimonial-1 .testimonial-link { font-size: 20px; padding-top: 6px; }
	.htmlstrap-testimonial-1 .item .box-inner{ width:100%; text-align: center; }
	.htmlstrap-testimonial-1 .carousel-caption{ float:left; padding-left:0px; }
	.htmlstrap-testimonial-1 .carousel-caption blockquote{ padding-right:0px; line-height: 24px; }
	
	
	/*	Logo 1
	-------------------------------------------------------------------*/
	.htmlstrap-logo-1 .hsl1-grid .hsl1-first,
	.htmlstrap-logo-1 .hsl1-grid .hsl1-second{ width:100%; }
	
	
	/*	Banner 2
	-------------------------------------------------------------------*/
	.htmlstrap-banner-2 .hsb2-photo-gallery .hsb2-photo-gallery-itam { width:47%;  }
	
	
	
	/*	Banner 3
	-------------------------------------------------------------------*/
	.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam{ width:50%; height: auto; }
	.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a img{ height:100%; max-width:100%; }
	.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a div span{ margin-top: 47%; }
	
	
	/*	Call To Action 1
	-------------------------------------------------------------------*/
	.htmlstrap-call-to-action-1 .hscta-table .hscta-table-cell h1.hscta-title { font-size: 24px; letter-spacing:normal; }
	
	/*	Call To Action 2
	-------------------------------------------------------------------*/
	.htmlstrap-call-to-action-2 .hscta2-wrapper .hscta2-cell{ width:100%; display:block; }
	
	
	
	/*	Footer 1
	-------------------------------------------------------------------*/
	.htmlstrap-footer-1 .hsf1-news_main { padding-top:50px; }
	.htmlstrap-footer-1 .hsf1-news .hsf1-title{ width:100%; display:block; padding-bottom: 10px;text-align: center; }
	.htmlstrap-footer-1 .hsf1-news .hsf1-subscribe{ width:100%; display:block; padding-right:0px; float: left; }
	.htmlstrap-footer-1 .hsf1-news .hsf1-social{ width:100%; display:block; float: left; padding-top:15px; text-align:center; padding-bottom:20px; }
	
	.htmlstrap-footer-1 .hsf1-contact { width: 100%; padding: 20px 20px 20px 20px; margin-right: 00px; }
	
	
	/*	Logo 2
	-------------------------------------------------------------------*/
	.htmlstrap-logo-2 .hsl2-grid .hsl2-first{ border-right: 0px solid #E6E6E6; }
	.htmlstrap-logo-2 .hsl2-grid .hsl2-second { border-right: 0px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
	.htmlstrap-logo-2 .hsl2-grid li { width:50%; }
	
	
	/*	Logo 3
	-------------------------------------------------------------------*/
	.htmlstrap-logo-3 .client-logos li{ width:50%; }
	
	/*	Site header 1
	-------------------------------------------------------------------*/
	.htmlstrap-site-header-1 .hssh1-header{ padding-top:0px; padding-bottom:0px; }
	.htmlstrap-site-header-1 .navbar-default .navbar-nav{ padding-left:0px; }
	.htmlstrap-site-header-1 .hssh1-callus{ padding-left: 15px;padding-bottom: 20px; }
}


@media (max-width: 480px) {
	
	/*	Banner 2
	-------------------------------------------------------------------*/
	.htmlstrap-banner-2 .hsb2-photo-gallery .hsb2-photo-gallery-itam { width:97%;  }
	
	/*	Banner 3
	-------------------------------------------------------------------*/
	.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam{ width:100%; height: auto; }
	.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a img{ height:100%; max-width:100%; }
	.htmlstrap-banner-3 .hsb3-portfolio .hsb3-portfolio-itam a div span{ margin-top: 47%; }
	
	/*	Call To Action 1
	-------------------------------------------------------------------*/
	.htmlstrap-call-to-action-1 .hscta-table .hscta-table-cell{ display:block; width:100%; text-align: center; }
	
	/*	Call To Action 2
	-------------------------------------------------------------------*/
	.htmlstrap-call-to-action-2 .hscta2-wrapper .hscta2-cell{ width:100%; display:block; text-align:center; }
	.htmlstrap-call-to-action-2 .hscta2-wrapper .hscta2-cell h1.hscta2-title { margin-top:0px; }
	.htmlstrap-call-to-action-2 .hscta2-wrapper .action-hscta2 button { font-size:10px; }
	
	
	/*	Footer 1
	-------------------------------------------------------------------*/
	.htmlstrap-footer-1 .hsf1-news_main { padding-top:50px; }
	.htmlstrap-footer-1 .hsf1-news .hsf1-title{ width:100%; display:block; padding-bottom: 10px;text-align: center; }
	.htmlstrap-footer-1 .hsf1-news .hsf1-subscribe{ width:100%; display:block; padding-right:0px; float: left; }
	.htmlstrap-footer-1 .hsf1-news .hsf1-social{ width:100%; display:block; float: left; padding-top:15px; text-align:center; padding-bottom:20px; }
	
	.htmlstrap-footer-1 .hsf1-contact { width: 100%; padding: 20px 20px 20px 20px; margin-right: 00px; }
	
	/*	Info Box 2
	-------------------------------------------------------------------*/
	.htmlstrap-info-box-2 .hsib2-box h3{ text-align:center; }
	
	
	/*	Logo 2
	-------------------------------------------------------------------*/
	.htmlstrap-logo-2 .hsl2-grid .hsl2-first{ border-right: 0px solid #E6E6E6; }
	.htmlstrap-logo-2 .hsl2-grid li { width:100%; float: left; }
	
	
	/*	Logo 3
	-------------------------------------------------------------------*/
	.htmlstrap-logo-3 .client-logos li{ width:100%; }
	
	
	/*	Site header 1
	-------------------------------------------------------------------*/
	.htmlstrap-site-header-1 .hssh1-header{ padding-top:0px; padding-bottom:0px; }
	.htmlstrap-site-header-1 .navbar-default .navbar-nav{ padding-left:0px; }
	.htmlstrap-site-header-1 .hssh1-callus{ padding-left: 15px;padding-bottom: 20px; }
	.htmlstrap-slider-3 .carousel .carousel-inner .item .carousel-caption{ display:none; }
	
	
	/*	Testimonial 3
	-------------------------------------------------------------------*/
	.htmlstrap-testimonial-3 .carousel-caption{ padding: 0px 0%; }
	.htmlstrap-testimonial-3 .carousel-caption blockquote{ padding-left:0px; padding-right:0px; }
}


@media (max-width: 320px) {
	
	
}