/* CSS Document */

/* 
    Created on : 25/08/2017. 
    Theme Name : Solar Partners.
    Description: Home-Maker- Responsive html5 template.
    Version    : 1.0.
    Author     : @creativegigs.
   
*/

/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01 - Click Top  */
/*   02 - Global stlye  */
/*   03 - Header  */
/*   04 - Theme Menu */
/*   05 - Theme Banner */
/*   06 - Short Banner */
/*   07 - Manage Section  */
/*   08 - Feature Work  */
/*   09 - Our Service  */
/*   10 - Service Banner  */
/*   11 - Our Team Section  */
/*   12 - Company History  */
/*   13 - Company Progress  */
/*   14 - Lates News  */
/*   15 - Client Slider  */
/*   16 - Newsletter  */
/*   17 - Footer  */
/*   18 - Inner Banner  */
/*   19 - FAQ  */
/*   20 - Contact Us */
/*   21 - Contact form activation  */
/*   22 - Project  */
/*   23 - Project Details  */
/*   24 - Our Service  */
/*   25 - Service Details Page  */
/*   26 - Blog Page  */
/*   27 - Blog Details */


/**
* Importing necessary  Styles.
**/

@import url('https://fonts.googleapis.com/css?family=Hind:300,400|Roboto:300,400,500,700,900');
/*----bootstrap css ----- */
@import url('../vendor/bootstrap/bootstrap.css');
/*----bootstrap Select ----- */
@import url('../vendor/bootstrap-select/dist/css/bootstrap-select.css');
/*----revolution-slider---*/
@import url('../vendor/revolution/settings.css');
@import url('../vendor/revolution/layers.css');
@import url('../vendor/revolution/navigation.css');
/*----font awesome -------*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');
/*-----flaticon ----------*/
@import url('../fonts/icon/font/flaticon.css');
/*----owl-carousel css----*/
@import url('../vendor/owl-carousel/owl.carousel.css');
@import url('../vendor/owl-carousel/owl.theme.css');
/*-------- animated css ------*/
@import url('../vendor/WOW-master/css/libs/animate.css');
/*-------- hover ------*/
@import url('../vendor/hover.css');
/*-------fancy box --------*/
@import url('../vendor/fancy-box/jquery.fancybox.css');


/*________________Preloader_______________ */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    overflow: hidden;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    background: url(../images/1.gif) no-repeat center;
    margin: -32px 0 0 -32px;
    overflow: hidden;
}

/*==================== Click Top ====================*/
.scroll-top {
  width:45px;
  height:45px;
  position: fixed;
  bottom: 52px;
  right: 80px;
  z-index: 99;
  text-align: center;
  background: #213043;
  color:#fff;
  font-size: 20px;
  display: none;
}
.scroll-top:hover {
  color:#fff;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
/*______________________ Global stlye ___________________*/

 @font-face {
  font-family: 'font-awesome';
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf');
  src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot'), /* IE9 Compat Modes */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
 }

 body {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 17px;
	position: relative;
 }

 body .main-page-wrapper {
   overflow-x:hidden;
   position: relative;
 }

 h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
 h1,h2,h3,h4,h5,h6 {color:#1c2125; font-weight: 700;}
 h1 {font-size: 60px; font-weight: 900;}
 h2 {font-size: 32px;}
 h3 {font-size: 26px;}
 h4 {font-size: 24px;}
 h5 {font-size: 20px;}
 h6 {font-size: 18px;}
 p {line-height: 28px; font-family: 'Hind', sans-serif;}
 ul {list-style-type: none;}
 a {text-decoration: none; display: inline-block;}
 a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
 img {max-width: 100%; display: block;}

 button {border:none;outline: none;box-shadow: none;display: block; padding: 0;}
 input,textarea {outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


 .clear-fix { clear:both;}
 .clear-fix:after {
 	display: table;
  content: '';
  clear: both;
 }
.tran3s,.main-menu .nav>li a,.main-menu .nav>li>a:before,
.main-menu .nav>li>a:after,.main-menu .nav>li:before,
.main-menu .request-quote:before,.theme-button:before,
.feature-work .feature-item-wrapper .overlay,.owl-theme .owl-nav [class*=owl-],
.owl-carousel .owl-controls .owl-nav .owl-prev:before,
.owl-carousel .owl-controls .owl-nav .owl-next:before,
.service-tab-wrapper .nav-tabs > li > a span,.service-tab-wrapper .nav-tabs > li > a h6,
.service-tab-wrapper .nav-tabs > li > a,.company-history .panel-group .panel-heading a:before,
.service-single-page .single-item a span,.service-single-page .single-item a h6,
.service-details-page .service-side-bar .wrapper .nav-tabs > li > a:before,
.service-details-page .service-side-bar .wrapper .nav-tabs > li > a h6,
.service-details-page .service-side-bar .download-item a:before,
.service-tab-wrapper .nav-tabs > li > a .icon .ficon:before   {
 	-webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
 }
  .tran4s,.feature-work .feature-item-wrapper .overlay:before,
.feature-work .feature-item-wrapper .overlay:after,
.feature-work .feature-item-wrapper .overlay h5,
.feature-work .feature-item-wrapper .item:hover .overlay span {
  -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
      -ms-transition: all .4s ease-in-out;
       -o-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
 }
.float-left {float:left;}
.float-right {float:right;}
.round-border {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
}
a.theme-button,
.theme-button {
  background: #213043;
  overflow: hidden;
  position: relative;
  z-index: 2;
  text-align:  center;
  font-weight: 700;
  color:#fff;
  font-size: 14px;
  text-transform: uppercase;
}
.theme-button:before {
  content: '';
  width:30px;
  height:130%;
  background: rgba(215,215,215,0.2);
  position: absolute;
  top:-10px;
  left:-45px;
  z-index: -1;
  -webkit-transform: rotate(-20deg);
     -moz-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
       -o-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.theme-button:hover:before {
  left:120%;
}
.theme-title {
  position: relative;
  padding-bottom: 18px;
}
.theme-title.center {
  text-align: center;
}
.theme-title span {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
}
.theme-title:before {
  content: '';
  position: absolute;
  top:100%;
  left:0;
  background: #efefef;
  height:2px;
  width:90px;
}
.theme-title.center:before {
  left:50%;
  margin-left: -45px;
}
.fancybox-skin {
  padding: 8px !important;
  background: #eeeeee;
  border-radius: 2px;
}
.p-color,header .top-header ul li a:hover,.theme-title span,
.theme-manage-area .we-do-area a,.service-tab-wrapper .tab-content .left-side ul li i,
.company-progress .opacity h4 span,.latest-news .post span>span,
.client-slider .single-container>ul li,footer .footer-link ul li a:hover,
footer .footer-service ul li a:hover,footer .bottom-footer p a,.inner-banner .opacity ul li:last-child,
.theme-manage-area .img-content:hover .opacity a,.faq-page .panel-group .panel-heading h6 a:before,
.mixitUp-menu ul li.active,.mixitUp-menu ul li:hover,#blog-post article .post-date ul li,
.project-details .project-img-gallery .carousel-control i,#blog-post article .expert_quote_area .col-lg-12 .expert_quote span,
.blog_sidebar .category_list ul li a:hover,.main-menu .navbar-nav>li.dropdown-holder .sub-menu li a:hover,
.blog_sidebar .category_list ul li a:focus,header .bottom-header .single-content .ficon:before,
.blog_sidebar .category_list ul li a.active,.slide_show .carousel-control,.main-menu .request-quote span i,
.service-tab-wrapper .nav-tabs > li > a .icon .ficon:before,footer .footer-address ul li span:before,
.main-menu nav ul li.dropdown-holder .fa {
  color:#ffb504;
}
.p-color-bg,header .bottom-header .single-content ul li a:hover,
.main-menu .nav>li:before,.our-team .team-item-wrapper .text ul li a:hover,
.our-team .owl-theme .owl-nav [class*=owl-]:hover,.client-slider .owl-theme .owl-nav [class*=owl-]:hover,
.company-history .panel-group .panel-heading.active-panel a:before,footer h4:before,
footer .bottom-footer ul li a:hover,.header-style-two header .bottom-header .single-content ul li a:hover,
.inner-banner .opacity h2:before,.service-details-page .service-side-bar .wrapper .nav-tabs > li > a:before,
.service-details-page .service-side-bar .download-item a:before,
#blog-post article .expert_quote_area .col-lg-12 .expert_quote:before,
#blog-post .comments_area .single_comment .comment a.reply:hover  {
  background: #ffb504;
}
header .top-header p,header .bottom-header .single-content p {
  font-family: 'Roboto', sans-serif;
}
header .top-header ul li a {
  font-family: 'Hind', sans-serif;
}


/*(((((((((((((((((((((((( HEADER )))))))))))))))))))*/
  /*======== Top Header ======*/

header .top-header {
	background: #f5f5f5;
	padding: 5px 0;
	position: relative;
	overflow: visible;
	margin-bottom: 10px;
}
header .top-header p {
  font-weight: 300;
  color:#6e6e6e;
}
header .top-header p span {
  font-weight: 500;
  color:#262626;
}
header .top-header ul li {
  display: inline-block;
  line-height: 13px;
  color:#7b7b7b;
  margin-left: 15px;
}
header .top-header ul li a {
  color:#7b7b7b;
  font-size: 18px;
}
header .top-header:before {
  content: '';
  width:100%;
  height:16px;
  background: url(../images/home/bar-line.png) repeat center;
  position: absolute;
  top:100%;
  left:0;
}
/*========== Bottom header =========*/
header .bottom-header {
	padding: 20px 0 20px 0;
}
header .bottom-header .single-content {
  position: relative;
  margin-left:35px;
  margin-top: 3px;
}
header .bottom-header .single-content p {
	color: #474646;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	font-family: Roboto, sans-serif;
}
header .bottom-header .single-content span {
  color:#929292;
}
header .bottom-header .single-content .ficon {
  position: absolute;
  top:0;
  left:0;
}
header .bottom-header .single-content .ficon:before {
  font-size: 38px;
}
header .bottom-header .single-content.bar-fix:before {
  content: '';
  position: absolute;
  top:6px;
  right:0;
  width:1px;
  height:40px;
  background: #eeeeee;
}
header .bottom-header .single-content.bar-fix {
  padding-right: 35px;
  padding-left: 55px;
}
header .bottom-header .single-content ul li {
  display: inline-block;
  margin-top: 5px;
}
header .bottom-header .single-content ul li a {
  width:40px;
  height:40px;
  border:1px solid #eeeeee;
  color:#b0b0b0;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
}
header .bottom-header .single-content ul li a:hover {
  color:#fff;
  border-color: #ffb504;
}

/*(((((((((((((((((((((( Theme Menu ))))))))))))))))))))*/
.main-menu {
  background: #213043;
  position: relative;
  z-index: 9;
}
.main-menu .container {
  position: relative;
}
.main-menu .navbar {
  border:none;
  border-radius: 0;
  margin: 0;
}
.main-menu .navbar-collapse {
  padding: 0;
  box-shadow: none;
}
.main-menu .nav>li>a:before,
.main-menu .nav>li>a:after {
  content: '';
  position: absolute;
  top:0;
  height:100%;
  width:1px;
}
.main-menu .nav>li>a:before {
  background: #283d58;
  right:0;
}
.main-menu .nav>li>a:after {
  background: #192432;
  right:-1px;
}
.main-menu .nav>li>a {
  line-height: 70px;
  text-transform: uppercase;
  color:#fff;
  padding: 0 23px;
}
.main-menu .nav>li>a:hover,
.main-menu .nav>li>a:focus,
.main-menu .nav>li:hover>a,
.main-menu .nav>li.current-page-item>a {
	background: #293d57;
}
.main-menu .nav>li>a:hover:before,
.main-menu .nav>li>a:hover:after,
.main-menu .nav>li.current-page-item>a:after,
.main-menu .nav>li.current-page-item>a:before {
  background: transparent;
}
.main-menu .nav>li:last-child>a:after,
.main-menu .nav>li:last-child>a:before {
  display: none;
}
.main-menu .nav>li:before {
  content: '';
  width: 100%;
  height:0;
  position: absolute;
  bottom:0;
  left:0;
  z-index: 1;
}
.main-menu .nav>li:hover:before,
.main-menu .nav>li.current-page-item:before {
  height:4px;
}
.main-menu .request-quote {
  position: absolute;
  width:265px;
  line-height: 70px;
  top:0;
  right:0;
  color:#fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  z-index: 1;
}
.main-menu .request-quote span {
  width:66px;
  display: inline-block;
  height:70px;
  background: #f3ae08;
  float:right;
  padding-top: 23px;
}
.main-menu .request-quote span i {
  width: 26px;
  height:26px;
  border-radius: 50%;
  background: #fff;
  margin: 0 auto;
  display: block;
  line-height: 26px;
  font-size: 15px;
}
.main-menu .request-quote span i:before {
  font-size: 14px;
}
.main-menu .request-quote:before {
  content: '';
  background: #f3ae08;
  height:100%;
  position: absolute;
  top:0;
  left: 0;
  width:0;
  z-index: -1;
}
.main-menu .request-quote:hover:before {
  width:100%;
}
.main-menu nav ul li.dropdown-holder .fa {
  display: none;
  line-height: 42px;
  width: 45px;
  font-size: 22px;
  position: absolute;
  top:0;
  right: 0;
  text-align: center;
  background: #fff;
  cursor: pointer;
}
.navbar-toggle {
  float: left;
  border-radius: 0;
  border: 1px solid #fff;
  margin: 18px 0;
}
.navbar-toggle .icon-bar {
  background: #fff;
}
/*=================== Sub Menu ==============*/
.main-menu .navbar-nav>li.dropdown-holder .sub-menu {
  position: absolute;
  left:0;
  top:100%;
  width:220px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -ms-transform: scaleY(0); /* IE 9 */
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform: scaleY(0); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform: scaleY(0);
    transform-origin: 0% 0%;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
  -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
}
.main-menu .navbar-nav>li.dropdown-holder:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
     -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
       -o-transform: scaleY(1);
          transform: scaleY(1);
}
.main-menu .navbar-nav>li.dropdown-holder .sub-menu li a {
  line-height: 40px;
  color:#6f6f6f;
  text-transform: uppercase;
  padding-left: 20px;
  display: block;
  border-bottom: 1px solid #ededed;
  position: relative;
  z-index: 1;
  font-size: 15px;
  font-weight: 500;
}
.main-menu .navbar-nav>li.dropdown-holder .sub-menu li:last-child a {
	border: none;
	color: #333333;
}
/* ((((((((((((((((((((( Sticky Menu ))))))))))))))))))))*/
@keyframes menu_sticky {
  0%   {margin-top:-120px;opacity: 0;}
  50%  {margin-top: -64px;opacity: 0;}
  100% {margin-top: 0;opacity: 1;}
}
.main-menu.fixed {
  position: fixed;
  width:100%;
  top:0;
  left:0;
  z-index: 999;
  margin:0;
  animation-name: menu_sticky;
  animation-duration: 0.70s;
  animation-timing-function: ease-in-out;
  padding: 0;
}
/*((((((((((((((((((((( Header Style Two )))))))))))))))*/
.header-style-two {
  position: absolute;
  width:100%;
  top:0;
  left:0;
  right: 0;
  z-index: 99;
}
.header-style-two header .bottom-header .single-content p {
  color:#fff;
}
.header-style-two header .bottom-header .single-content .ficon {
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
}
.header-style-two header .bottom-header .single-content .ficon:before {
  font-size: 20px;
}
.header-style-two header .bottom-header .single-content .ficon.flaticon-map-solid:before {
  font-size: 25px;
}
.header-style-two header .bottom-header .single-content.bar-fix {
  padding-left: 65px;
  padding-right: 12px;
  margin-top: 10px;
}
.header-style-two header .bottom-header .single-content.bar-fix:before {
  display: none;
}
.header-style-two header .bottom-header .single-content ul li a {
  width:35px;
  height:35px;
  line-height: 35px;
  border:none;
  background: #054d5c;
  color:#fff;
  margin-left: 3px;
}
.header-style-two header .bottom-header .single-content.mFix {
  margin-left: 55px;
}
.header-style-two header .bottom-header .single-content ul li {
  margin-top: 16px;
}
.header-style-two header .bottom-header {
  padding-bottom: 32px;
}
.header-style-two .main-menu {
  background: rgba(3,61,74,0.4);
}
.header-style-two .main-menu.fixed {
  background: rgba(3,61,74,1);
}
.header-style-two .main-menu .nav>li>a:hover,
.header-style-two .main-menu .nav>li>a:focus,
.header-style-two .main-menu .nav>li:hover>a, 
.header-style-two .main-menu .nav>li.current-page-item>a {
  background: #054d5c;
}
.header-style-two .main-menu .nav>li>a:before {
  background: #032730;
}
.header-style-two .main-menu .nav>li>a:after {
  background: #06404d
}
.header-style-two .main-menu .nav>li>a:hover:before,
.header-style-two .main-menu .nav>li>a:hover:after,
.header-style-two .main-menu .nav>li.current-page-item>a:after,
.header-style-two .main-menu .nav>li.current-page-item>a:before {
  background: transparent;
}
.header-style-two .main-menu .request-quote span i {
  color:#5c6571;
}
/*(((((((((((((((((((((( Theme Banner ))))))))))))))))))*/
#banner h1,#banner h5 {
  color:#fff;
}
#banner h1 {
  font-weight: 900;
  text-transform: uppercase;
  line-height: 60px;
}
#banner h5 {
  font-weight: 300;
  line-height: 30px;
}
#banner a.service-button,
#banner a.quote-button {
  color:#fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  width:150px;
  line-height:55px;
  text-align: center;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
#banner a.quote-button {
  border:1px solid #fff;
}
#banner a.quote-button:hover {
  border-color:#364558;
}

/*(((((((((((((((((( Short Banner ))))))))))))))))*/
.short-banner {
  background: url(../images/home/1.jpg) no-repeat center;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.short-banner .opacity {
  height:100%;
  background:rgba(255,181,4,0.85);
  padding: 35px 0;
}
.short-banner h3 {
  font-weight: 500;
  color:#fff;
  margin-top: 16px;
}
.short-banner h3 span {
  color:#373632;
}
.short-banner a {
  width: 195px;
  line-height: 60px;
}

/*(((((((((((((((((((( Manage Section ))))))))))))))))*/
.theme-manage-area {
  margin-top: 100px;
}
.theme-manage-area .we-do-area .theme-title:before {
  width:100%;
}
.theme-manage-area.fix .we-do-area .theme-title:before {
  width: 90px;
}
.theme-manage-area .we-do-area p {
  margin: 20px 15px 20px 0;
}
.theme-manage-area .we-do-area a {
  width:150px;
  line-height: 50px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  border: 2px solid #f3f3f3;
}
.theme-manage-area .we-do-area a:hover {
  color:#fff;
}
.theme-manage-area .we-do-area ul {
  border-top:1px solid #e9e9e9;
  margin-top: -5px;
  padding-top: 15px;
}
.theme-manage-area .we-do-area ul li {
  position: relative;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  padding-left: 30px;
  margin-bottom: 12px;
}
.theme-manage-area .we-do-area ul li:before {
  content: '';
  font-family: 'font-awesome';
  position: absolute;
  top:0;
  left:0;
  line-height: 26px;
}
.theme-manage-area .we-do-area h3 {
  font-size: 28px;
  margin: -5px 0 -7px 0;
}
.theme-manage-area .content {
  position: relative;
}
figure {
	position: relative;
	overflow: hidden;
	background: #000;
	text-align: center;
	cursor: pointer;
	background-color: #FFFFFF;
}
.theme-manage-area figure {
  height:177px;
}
figure.effect-milo img {
	max-width: 100%;
	width: -webkit-calc(100% + 60px);
	width: auto;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure figcaption {
  padding: 20px;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
figure figcaption,figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure.effect-milo figcaption p {
    padding: 0 0 0 10px;
    width: 80%;
    color:#fff;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    border-left: 1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
}
.theme-manage-area .content:hover img {
  opacity: 0.5;
  -webkit-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0,0,0) scale(1);
}
.theme-manage-area .content:hover .effect-milo figcaption p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.theme-manage-area .content h5 {
  margin: 35px 0 15px 0;
}
.theme-manage-area .content>a {
  font-weight: 500;
  color:#213043;
  margin-top: 10px;
}
.theme-manage-area .img-content {
  position: relative;
  margin-top: 100px;
}
.theme-manage-area .img-content .opacity {
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background: rgba(0,0,0,0.6);
}
.theme-manage-area .img-content .opacity a {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
  color:#fff;
  font-size: 60px;
  font-weight: normal;
}
.theme-manage-area .img-content .opacity a span {
  display: table-cell;
  vertical-align: middle;
}
.theme-manage-area .img-content:hover .opacity a span i {
  -webkit-transform: scale(0.95);
     -moz-transform: scale(0.95);
      -ms-transform: scale(0.95);
       -o-transform: scale(0.95);
          transform: scale(0.95);
}
section {
  display: inline-block;
  margin: 0 1.5%;
  width: 30%;
  float: left;
}

/*(((((((((((((((((((( Feature Work ))))))))))))))))*/

.feature-work.bg-color {
  background: #2f2f2f;
  padding: 85px 0 100px 0;
  margin-top: 70px;
  margin-bottom: 90px;
}
.feature-work h2 {
  color:#fff;
}
.feature-work .feature-item-wrapper .item {
  margin: 50px 15px 0 15px;
}
.feature-work .feature-item-wrapper .img-holder {
  position: relative;
  overflow: hidden;
}
.feature-work .feature-item-wrapper .item .img-holder img {
  -webkit-transition: all .6s linear;
     -moz-transition: all .6s linear;
      -ms-transition: all .6s linear;
       -o-transition: all .6s linear;
          transition: all .6s linear;
}
.feature-work .feature-item-wrapper .item:hover .img-holder img {
  -webkit-transform: scale3d(1.1,1.1,1);
     -moz-transform: scale3d(1.1,1.1,1);
      -ms-transform: scale3d(1.1,1.1,1);
       -o-transform: scale3d(1.1,1.1,1);
          transform: scale3d(1.1,1.1,1);
}
.feature-work .feature-item-wrapper .overlay {
  display: block;
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background: rgba(255,181,4,0.9);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.feature-work .feature-item-wrapper .overlay:before,
.feature-work .feature-item-wrapper .overlay:after {
  content: '';
  position: absolute;
  width:20px;
  height:20px;
  opacity: 0;
  -webkit-transition-delay: 0.35s; /* Safari */
  transition-delay: 0.35s;
}
.feature-work .feature-item-wrapper .overlay:before {
  border-top: 1px solid #fff;
  border-left:1px solid #fff;
  top:-50px;
  left:-50px;
}
.feature-work .feature-item-wrapper .overlay:after {
  border-bottom: 1px solid #fff;
  border-right:1px solid #fff;
  bottom:-50px;
  right:-50px;
}
.feature-work .feature-item-wrapper .overlay h5 {
  font-weight: 500;
  color:#fff;
  height: 100%;
  margin-top: -25px;
  opacity: 0;
  -webkit-transform: translate3D(0,30%,0);
     -moz-transform: translate3D(0,30%,0);
      -ms-transform: translate3D(0,30%,0);
       -o-transform: translate3D(0,30%,0);
          transform: translate3D(0,30%,0);
}
.feature-work .feature-item-wrapper .overlay span {
  display: block;
  opacity: 0;
  margin-top: -5px;
  -webkit-transform: translate3D(0,-320%,0);
     -moz-transform: translate3D(0,-320%,0);
      -ms-transform: translate3D(0,-320%,0);
       -o-transform: translate3D(0,-320%,0);
          transform: translate3D(0,-320%,0);
}
.feature-work .feature-item-wrapper .overlay a {
  width:35px;
  height:35px;
  background: #fff;
  line-height: 35px;
  text-align: center;
  color:#1a1a1a;
  font-size: 14px;
}
.feature-work .feature-item-wrapper .overlay a:hover {
  background: #303030;
  color:#fff;
}
.feature-work .feature-item-wrapper .item:hover .overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.feature-work .feature-item-wrapper .item:hover .overlay:before {
  top:15px;
  left:15px;
  opacity: 1;
}
.feature-work .feature-item-wrapper .item:hover .overlay:after {
  bottom:15px;
  right:15px;
  opacity: 1;
}
.feature-work .feature-item-wrapper .item:hover .overlay h5 {
  -webkit-transform: translate3D(0,50%,0);
     -moz-transform: translate3D(0,50%,0);
      -ms-transform: translate3D(0,50%,0);
       -o-transform: translate3D(0,50%,0);
          transform: translate3D(0,50%,0);
}
.feature-work .feature-item-wrapper .item:hover .overlay span {
  -webkit-transform: translate3D(0,-350%,0);
     -moz-transform: translate3D(0,-350%,0);
      -ms-transform: translate3D(0,-350%,0);
       -o-transform: translate3D(0,-350%,0);
          transform: translate3D(0,-350%,0);
}
.feature-work .feature-item-wrapper .item:hover .overlay h5,
.feature-work .feature-item-wrapper .item:hover .overlay span {
  opacity: 1;
  -webkit-transition-delay: 0.4s; /* Safari */
  transition-delay: 0.4s;
}

.owl-theme .owl-nav [class*=owl-] {
  position: relative;
  padding: 0;
  width:35px;
  height:35px;
  color:#7d7d7d;
  border:2px solid #7d7d7d;
  margin: 0;
  background: transparent;
  text-align: center;
  border-radius: 0;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #ffb504;
  border-color: #ffb504 !important;
}
.feature-work .owl-nav [class*=owl-]:hover {
  background: transparent;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
  border-right: 1px solid #7d7d7d;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
  border-left: 1px solid #7d7d7d;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:before,
.owl-carousel .owl-controls .owl-nav .owl-next:before {
  position: absolute;
  font-family: 'font-awesome';
  width:100%;
  line-height: 31px;
  top:0;
  left:0;
  font-size: 24px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:before {
  content: '';
}
.owl-carousel .owl-controls .owl-nav .owl-next:before {
  content: '';
}
.owl-theme .owl-nav {
  margin: 0;
}
.owl-carousel .owl-controls {
  position: absolute;
  top:0;
  right: 15px;
}
.feature-work .owl-carousel .owl-controls  {
  top:-30px;
}
/*((((((((((((((((((((((((( Our Service ))))))))))))))))))*/
.our-service {
  position: relative;
}
.our-service:before {
  content: url('../images/home/20.jpg');
  position: absolute;
  bottom: 60px;
  right: 0;
  z-index: 99;
}
p.subs {
  font-weight: 500;
  font-size: 18px;
  margin-top: 30px;
  text-align: center;
}
.service-tab-wrapper {
  margin-top: 65px;
  margin-bottom: 120px;
}
.service-tab-wrapper .nav {
  width:21%;
  border:1px solid #f1f1f1;
}
.service-tab-wrapper .nav>li {
  float:none;
  display: block;
  margin: 0 !important;
  border-bottom:1px solid #f1f1f1;
}
.service-tab-wrapper .nav-tabs > li > a {
  margin: 0;
  border:none;
  border-radius: 0;
  height: 85px;
  padding: 17px 0 0 92px;
  position: relative;
}
.service-tab-wrapper .nav-tabs > li > a .icon {
  position: absolute;
  left:34px;
  top:17px;
}
.service-tab-wrapper .nav-tabs > li > a .icon .ficon:before {
  font-size: 40px;
}
.service-tab-wrapper .nav-tabs > li:last-child {
  border:none;
}
.service-tab-wrapper .nav-tabs > li:hover > a,
.service-tab-wrapper .nav-tabs > li.active > a,
.service-tab-wrapper .nav-tabs > li.active > a:hover,
.service-tab-wrapper .nav-tabs > li.active > a:focus {
  border:none;
  background: #ffb504;
  margin: 0;
  box-shadow: none;
}
.service-tab-wrapper .nav-tabs > li > a span {
  font-size: 14px;
  color:#c7c2c2;
}
.service-tab-wrapper .nav-tabs > li > a h6 {
  font-weight: 500;
  color:#4d4d4d;
  line-height: 27px;
}
.service-tab-wrapper .nav-tabs > li.active > a span,
.service-tab-wrapper .nav-tabs > li.active > a:hover span,
.service-tab-wrapper .nav-tabs > li.active > a:focus span ,
.service-tab-wrapper .nav-tabs > li.active > a h6,
.service-tab-wrapper .nav-tabs > li.active > a:hover h6,
.service-tab-wrapper .nav-tabs > li.active > a:focus h6,
.service-tab-wrapper .nav-tabs > li:hover > a span,
.service-tab-wrapper .nav-tabs > li:hover > a h6,
.service-tab-wrapper .nav-tabs > li.active > a .icon .ficon:before,
.service-tab-wrapper .nav-tabs > li:hover > a .icon .ficon:before {
  color:#fff;
}
.service-tab-wrapper .tab-content {
  width: 79%;
  padding-left: 55px;
}
.service-tab-wrapper .tab-content .left-side {
  width:54%;
}
.service-tab-wrapper .tab-content .left-side p {
  margin: 20px 0 40px 0;
}
.service-tab-wrapper .tab-content .left-side h6 {
  text-transform: uppercase;
  border-bottom: 1px solid #efefef;
  padding-bottom: 25px;
  margin-bottom: 15px;
}
.service-tab-wrapper .tab-content .left-side ul li {
  font-weight: 500;
  font-size: 19px;
  color:#5c5c5c;
  line-height: 44px;
}
.service-tab-wrapper .tab-content .left-side ul li i {
  margin-right: 16px;
  line-height: 44px;
}
.service-tab-wrapper .tab-content .left-side .progress {
  height:30px;
  margin: 39px 0 0 0;
  box-shadow: none;
  background: #f4f3f2;
  border-radius: 30px;
}
.service-tab-wrapper .tab-content .left-side .progress-bar {
  background-color: #ffb504;
  border-radius: 30px;
  position: relative;
  box-shadow: none;
}
.service-tab-wrapper .tab-content .left-side .progress-bar span {
  position: absolute;
  line-height: 30px;
  right:-40px;
  top:0;
  font-size: 15px;
  font-weight: 700;
  color:#686868;
}
.service-tab-wrapper .tab-content .right-side {
  width:46%;
  padding-left: 75px;
}
.service-tab-wrapper .tab-content .right-side h5 {
  margin: 35px 0 20px 0;
}
/*(((((((((((((((((((((( Service Banner )))))))))))))))))*/
.service-banner {
  background: url(../images/home/10.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}
.service-banner .opacity {
  background: rgba(13,13,13,0.75);
  height:100%;
  padding: 110px 0 100px 0;
  text-align: center;
}
.service-banner h4 {
  font-weight: normal;
  text-transform: uppercase;
}
.service-banner h2 {
  font-weight: 900;
  font-size: 40px;
  text-transform: uppercase;
  color:#fff;
  margin: 12px 0 25px 0;
}
.service-banner a {
  width:150px;
  line-height: 55px;
  color:#fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  margin: 12px 7px;
}
.service-banner a.btn2 {
  border:2px solid #fff;
  line-height: 51px;
}
/*(((((((((((((((((( Our Team Section )))))))))))))))*/
.our-team {
  margin: 95px 0 69px 0;
}
.our-team .row {
  margin-right: -22px;
  margin-left: -22px;
}
.our-team .container .dot-line {
  border-bottom: 1px solid #ededed;
  padding-bottom: 60px;
}
.our-team .row .item {
  margin-right: 22px;
  margin-left: 22px;
  margin-top: 50px;
}
.our-team .team-item-wrapper .text a {
  display: block;
}
.our-team .team-item-wrapper .text a h5 {
  font-weight: 500;
  margin: 18px 0 7px 0;
}
.our-team .team-item-wrapper .text a p {
  color:#b3b3b3;
  margin-bottom: 6px;
}
.our-team .team-item-wrapper .text ul li {
  display: inline-block;
  margin-right: 2px;
}
.our-team .team-item-wrapper .text ul li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color:#dbddde;
  font-size: 14px;
  background: #364558;
}
.our-team .team-item-wrapper .text ul li a:hover {
  color:#fff;
}
figure.effect-oscar {
  background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
  background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
  overflow: visible;
}

figure.effect-oscar img {
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.effect-oscar h5 {
  opacity: 0;
  color:#fff;
  margin: 10% 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}
.our-team .team-item-wrapper .item:hover figure h5 {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
figure.effect-oscar figcaption {
  background-color: rgba(58,52,42,0);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border: 1px solid #fff;
  content: '';
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
figure.effect-oscar p {
  text-transform: capitalize;
  color:#fff;
  line-height: 26px;
}
.our-team .team-item-wrapper .main-wrapper:hover figcaption::before,
.our-team .team-item-wrapper .main-wrapper:hover figure p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.our-team .team-item-wrapper .main-wrapper:hover figcaption {
  background-color: rgba(58,52,42,0.5);
}
.our-team .team-item-wrapper .main-wrapper:hover img {
  opacity: 0.4;
}
.our-team .owl-theme .owl-nav [class*=owl-] {
  background: #213043;
  border-color: #213043;
}
.our-team .owl-carousel .owl-controls .owl-nav .owl-prev:before,
.our-team .owl-carousel .owl-controls .owl-nav .owl-next:before {
  color:#fff;
}
.our-team .owl-carousel .owl-controls {
  top:-40px;
  right: 22px;
}
.team-single-page figure.effect-oscar img {
  width:100%;
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
}
.team-single-page .main-wrapper {
  margin-bottom: 60px;
  overflow: hidden;
}
/*((((((((((((((((((((((( Company History )))))))))))))))))*/
.company-history .left-side,
.company-history .right-side {
  width: 50%;
}
.company-history .left-side h3 {
  font-weight: normal;
  line-height: 38px;
  margin-bottom: 18px;
}
.company-history .left-side  a {
  width:130px;
  line-height: 45px;
  margin-top: 32px;
}
.company-history .history-panel {
  padding-left: 45px;
  margin-top: 8px;
}
.panel-group {
  margin: 0;
}
.company-history .panel-group {
  border:1px solid #f0f0f0;
  border-bottom: none;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(101,101,101,0.1);
  -moz-box-shadow: 0px 0px 7px 0px rgba(101,101,101,0.1);
  box-shadow: 0px 0px 7px 0px rgba(101,101,101,0.1);
}
.panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: none;
	border-bottom: 1px solid #f0f0f0;
	font-family: Roboto, sans-serif;
	text-align: left;
}
.panel-heading {
  padding: 0;
  border-radius: 0;
}
.company-history .panel-group .panel-heading a {
  padding: 23px 0 23px 30px;
  color:#1c2125;
  font-size: 20px;
  font-weight: 500;
  display: block;
  position: relative;
}
.company-history .panel-group .panel-heading a:before {
  content: '+';
  display: block;
  width:30px;
  height:30px;
  line-height: 30px;
  text-align: center;
  color:#fff;
  background: #e1e1e1;
  position: absolute;
  top:50%;
  margin-top: -15px;
  right: 18px;
  font-size: 20px;
}
.company-history .panel-group .panel-heading.active-panel a:before {
  content: '-';
}
.company-history .panel-group .panel-heading {
  border-bottom:1px solid #f0f0f0;
}
.company-history .panel-group .panel-body {
  padding: 0 20px 20px 30px;
  position: relative;
}
.company-history .panel-group .panel-body img {
  position: absolute;
  top:7px;
  left:30px;
}
.company-history .panel-group .panel-body p {
  padding-left: 137px;
}
.company-history .panel-group .panel-heading.active-panel {
  border-color: transparent;
}
/*((((((((((((((( Company Progress )))))))))))))))))*/
.company-progress  {
  background: url(../images/home/16.jpg) no-repeat center;
  background-size: cover;
  margin: 85px 0 80px 0;
}
.company-progress.mFix {
  margin: -69px 0 -75px 0;
}
.company-progress .opacity {
  height:100%;
  background: rgba(25,25,25,0.9);
  padding: 56px 0 70px 0;
  text-align: center;
}
.company-progress .opacity .number {
  font-weight: 700;
  font-size: 48px;
  color:#fff;
}
.company-progress .opacity h4 {
  font-weight: normal;
  color:#fff;
}
/*((((((((((((((((((((((( Lates News )))))))))))))))))))*/
.latest-news .row {
	margin-left: -20px;
	margin-right: -20px;
}
.latest-news .row [class*="col-"] {
  padding-left: 20px;
  padding-right: 20px;
}
.latest-news .single-post {
  margin-top: 70px;
}
.latest-news .post span {
  font-size: 15px;
}
.latest-news .post a {
  font-weight: 700;
  font-size: 22px;
  color:#1c2125;
  display: block;
  margin: 8px 0 15px 0;
}
figure.effect-winston {
	background: #fff;
	text-align: left;
	margin-bottom: 30px;
}

figure.effect-winston img {
  -webkit-transition: opacity 0.45s;
  transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
figure.effect-winston figcaption {
  padding: 15px;
}
figure.effect-winston figcaption::before {
  position: absolute;
  top: -53px;
  left: -40px;
  width: 120%;
  height: 120%;
  background: url(../images/news/triangle.svg) no-repeat center center;
  background-size: 100% 100%;
  content: '';
  -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
  transition: opacity 0.45s, transform 0.45s;
  -webkit-transform: rotate3d(0,0,1,45deg);
  transform: rotate3d(0,0,1,45deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

figure.effect-winston .date {
  width:65px;
  height: 65px;
  text-align: center;
  font-weight: 700;
  font-size: 27px;
  color:#fff;
  padding-top: 5px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,10px,0);
  transform: translate3d(0,10px,0);
}
figure.effect-winston .date span {
  font-size: 15px;
  display: block;
  line-height: 13px;
}
figure.effect-winston p {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 15px 20px 0;
}

figure.effect-winston a {
  margin: 0 8px;
  color: #858585;
  font-size: 20px;
}

figure.effect-winston a:hover,
figure.effect-winston a:focus {
  color: #1c2125;
}

figure.effect-winston p a i {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,50px,0);
  transform: translate3d(0,50px,0);
}

.latest-news .single-post:hover figure img {
  opacity: 0.6;
}

.latest-news .single-post:hover .date {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.latest-news .single-post:hover figcaption:before {
  opacity: 0.7;
  -webkit-transform: rotate3d(0,0,1,20deg);
  transform: rotate3d(0,0,1,20deg);
}

.latest-news .single-post:hover figure p i {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.latest-news .single-post:hover figure p a:nth-child(3) i {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.latest-news .single-post:hover figure p a:nth-child(2) i {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.latest-news .single-post:hover figure p a:first-child i {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
/*(((((((((((((((( Client Slider ))))))))))))))*/

.client-slider {
  background: #f8f8f8;
  padding: 65px 0 90px 0;
  margin: 75px 0 65px 0;
}
.client-slider .row {
  margin-right: -25px;
  margin-left: -25px;
}
.client-slider .single-container {
  margin-left: 20px;
  margin-top: 48px;
  position: relative;
}
.client-slider .row .item {
  margin-right: 25px;
  margin-left: 25px;
}
.client-slider .single-container .text {
  background: #fff;
  padding: 33px 30px 30px 60px;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(198,198,198,0.15);
  -moz-box-shadow: 0px 0px 5px 0px rgba(198,198,198,0.15);
  box-shadow: 0px 0px 5px 0px rgba(198,198,198,0.15);
}
.client-slider .single-container .text:before {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left:0;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-width: 18px 23px;
  border-right-width: 0;
  border-top-color: #e8e8e8;
}
.client-slider .single-container .text .quote {
  width:50px;
  height:45px;
  position: absolute;
  top:40px;
  left: -20px;
  text-align: center;
  line-height: 45px;
  color:#fff;
  line-height: 45px;
}
.client-slider .single-container .text .quote:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 100%;
  left:0;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-width: 12px 20px;
  border-right-width: 0;
  border-bottom-color: #df9d00;
}
.client-slider .single-container .text .quote .ficon:before {
  font-size: 20px;
  color:#fff;
}
.client-slider .single-container .client-info {
  margin-top: 33px;
}
.client-slider .single-container .client-info img {
  width: 60px;
  height:60px;
  border-radius: 50%;
}
.client-slider .single-container .client-info .name {
  padding-left: 18px;
}
.client-slider .single-container .client-info .name h5 {
  font-weight: 500;
  margin: 7px 0 4px 0;
}
.client-slider .single-container>ul {
  position: absolute;
  right: 0;
  bottom: 15px;
}
.client-slider .single-container>ul li {
  display: inline-block;
  font-size: 15px;
  cursor: pointer;
}
.client-slider .owl-theme .owl-nav [class*=owl-] {
  background: #213043;
  border-color: #213043;
}
.client-slider .owl-carousel .owl-controls .owl-nav .owl-prev:before,
.client-slider .owl-carousel .owl-controls .owl-nav .owl-next:before {
  color:#fff;
}
.client-slider .owl-carousel .owl-controls {
  top:-40px;
  right: 22px;
}
/*(((((((((((((((((((( Our Partner ))))))))))))))))*/
.our-partners .item {
  margin: 45px 15px 40px 15px;
}
/*(((((((((((((((((((( Newsletter ))))))))))))))))*/
.newsletter {
  position: relative;
  z-index: 99;
  margin-bottom: -78px;
}
.newsletter .p-color-bg {
  padding: 35px 0 29px 0;
  position: relative;
}
.newsletter .text {
  width: 60%;
  padding-left: 140px;
  position: relative;
}
.newsletter .text h2 {
  font-weight: 900;
  font-size: 30px;
  margin: -4px 0 10px 0;
}
.newsletter .text h2 span,
.newsletter .text p {
  color:#fff;
}
.newsletter .text p {
  font-size: 20px;
}
.newsletter .text i {
  position: absolute;
  font-size: 52px;
  color:#fff;
  left:54px;
  top:0;
}
.newsletter .float-right {
  width: 35%;
  padding-right: 45px;
}
.newsletter .float-right form {
  background: #fff;
  height:60px;
  position: relative;
}
.newsletter .float-right form input {
  width:100%;
  height: 100%;
  border:none;
  background: transparent;
  padding: 0 72px 0 30px;
  font-weight: 300;
}
.newsletter .float-right form button {
  width:70px;
  height: 100%;
  position: absolute;
  top:0;
  right:0;
  background: #263445;
  color:#fff;
  font-size: 30px;
}
.newsletter .p-color-bg:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right:100%;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-width: 53px 38px;
  border-bottom-width: 0;
  border-right-color: #dc9b00;
}
.newsletter .p-color-bg:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left:100%;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-width: 53px 38px;
  border-bottom-width: 0;
  border-left-color: #dc9b00;
}
/*(((((((((((((((((((((( Footer )))))))))))))))))))*/
footer {
  background: url(../images/home/footer.jpg) no-repeat center;
  background-size: cover;
}
footer .opacity {
  background: rgba(25,36,50,0.97);
  height: 100%;
  padding: 138px 0 0 0;
}
footer .opacity .top-footer {
  border-bottom: 1px solid #24303f;
  padding-bottom: 30px;
}
footer p,footer .footer-link ul li a,footer .footer-service ul li a,
footer .footer-address ul li {
  color:#cbd1da;
}
footer .footer-logo {
  width:32%;
}
footer .footer-logo p {
  margin: 20px 90px 0 0;
}
footer h4 {
	color: #fff;
	position: relative;
	padding-bottom: 18px;
	border-bottom: 2px solid #374455;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 300;
}
footer h4:before {
  content: '';
  position: absolute;
  bottom: -2px;
  left:0;
  height:2px;
  width:70px;
}
footer .footer-link {
  width:19%;
}
footer .footer-link ul li,
footer .footer-service ul li {
  line-height: 35px;
}
footer .footer-link ul li i,
footer .footer-service ul li i {
  margin-right: 10px;
}
footer .footer-link ul {
  display: inline-block;
  vertical-align: top;
}
footer .footer-link ul:nth-child(2) {
  margin-right: 28px;
}
footer .footer-service {
	padding-left: 85px;
	width: 25%;
}
footer .footer-address {
  width: 31%;
  padding-left: 124px;
}
footer .footer-address ul li {
  line-height: 25px;
  margin-bottom: 16px;
  position: relative;
  padding-left: 38px;
}
footer .footer-address ul li span {
  position: absolute;
  top:2px;
  left:0;
}
footer .footer-address ul li span:before {
  font-size: 20px;
  padding-left: 2px;
}
footer .footer-address ul li span.flaticon-map-solid:before {
  font-size: 26px;
}
footer .bottom-footer p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
footer .bottom-footer p a {
  font-weight: 700;
}
footer .bottom-footer ul li {
  display: inline-block;
  margin-left: 8px;
}
footer .bottom-footer ul li a {
  width:30px;
  height:30px;
  background: #273648;
  text-align: center;
  line-height: 30px;
  color:#c6cbcf;
}
footer .bottom-footer ul li a:hover {
  color:#fff;
}
footer .bottom-footer {
  padding: 16px 0;
}
/*((((((((((((((((((( Inner Banner ))))))))))))))*/
.inner-banner  {
  background: url(../images/home/16.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
.inner-banner .opacity {
  height:100%;
  background: rgba(25,25,25,0.9);
  padding: 90px 0 90px 0;
  text-align: center;
}
.inner-banner .opacity h2 {
  text-transform: uppercase;
  color:#fff;
  position: relative;
  line-height: 28px;
  padding-left: 25px;
  font-size: 38px;
  letter-spacing: 0.5px;
}
.inner-banner .opacity h2:before  {
  content: '';
  position: absolute;
  top:0;
  left:0;
  width:5px;
  height: 100%;
}
.inner-banner .opacity ul li {
  display: inline-block;
  margin-left: 5px;
  color:#fff;
  line-height: 28px;
  font-size: 15px;
}
.inner-banner .opacity ul li a {
  color:#fff;
  font-weight: normal;
  font-size: 15px;
}
.inner-banner .opacity ul li a i {
  margin-right: 3px;
}
/*((((((((((((((((((((((( FAQ ))))))))))))))))))*/
.faq-page {
  margin-top: 10px;
}
.faq-page .faq-panel {
  margin-top: 90px;
  margin-bottom: 120px;
}
.faq-page .faq-panel .panel-group {
  border:1px solid #efefef;
  border-bottom: none;
}
.faq-page .faq-panel .panel {
  margin: 0;
}
.faq-page .panel-group .panel-heading h6 a {
	color: #000000;
	padding: 24px 63px 24px 30px;
	display: block;
	position: relative;
}
.faq-page .panel-group .panel-heading h6 a:before {
  content: '+';
  width:60px;
  height:100%;
  position: absolute;
  top:0;
  right:0;
  background: #f8f8f8;
  border-left:1px solid #efefef;
  text-align: center;
  line-height: 65px;
  font-size: 18px;
}
.faq-page .panel-group .panel-heading.active-panel h6 a:before {
  content: '';
  font-family: 'font-awesome';
  font-size: 14px;
}
.faq-page .panel-group .panel-heading {
  border-bottom:1px solid #efefef;
}
.faq-page .panel-group .panel-body {
  padding: 35px 50px 50px 30px;
}
.faq-page .panel-group .panel-body ol {
  margin:15px 0;
  padding: 0 0 0 20px;
}
.faq-page .panel-group .panel-body ol li {
  line-height: 28px;
}
.faq-ask-qus {
  background: url(../images/inner-page/2.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  margin-bottom: 90px;
}
.faq-ask-qus .overlay {
  height: 100%;
  background: rgba(0,0,0,0.8);
  padding: 100px 0 100px 0;
}
.faq-ask-qus .overlay h2 {
  color:#fff;
  margin-bottom: 60px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.faq-ask-qus .overlay input,
.faq-ask-qus .overlay textarea {
  width:100%;
  max-width: 100%;
  margin-bottom: 23px;
  background: transparent;
  border:1px solid #efefef;
  padding: 0 20px;
  font-size: 15px;
  color:#fff;
 letter-spacing: 0.9px;
 font-weight: normal;
}
.faq-ask-qus .overlay input {
  height:45px;
}
.faq-ask-qus .overlay textarea {
  min-height: 210px;
  padding: 20px;
}
.faq-ask-qus .overlay input:focus,
.faq-ask-qus .overlay textarea:focus,
.contact-us-page form input:focus,
.contact-us-page form textarea:focus {
  border-color:#ffb504;
}
.faq-ask-qus .overlay button {
  width:160px;
  line-height: 42px;
  display: block;
  margin: 0 auto;
  background:transparent;
  text-transform: uppercase;
  font-size: 15px;
  border: 1px solid #fff;
  color:#fff;
}
/*((((((((((((((((((((((( Contact Us )))))))))))))))))))*/
#google-map-area {
  height: 430px;
  margin-bottom: 120px;
}
#contact-google-map {
  width:100%;
  height: 100%;
}
.contact-us-page p {
  margin: 15px 0 60px 0;
}
.contact-us-page form input,
.contact-us-page form textarea {
  width:100%;
  max-height: 100%;
  border:1px solid #efefef;
  margin-bottom: 20px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: normal;
}
.contact-us-page form input {
  height: 48px;
}
.contact-us-page form textarea {
  min-height: 180px;
  padding: 20px;
  margin-bottom: 40px;
}
.contact-us-page form input:hover,
.contact-us-page form textarea:hover {
  border-color: #d6d6d6;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(236,236,236,1);
  -moz-box-shadow: 0px 2px 3px 0px rgba(236,236,236,1);
  box-shadow: 0px 2px 3px 0px rgba(236,236,236,1);
}
.contact-us-page form input:focus,
.contact-us-page form textarea:focus {
  border-color:#ffb504;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(236,236,236,1);
  -moz-box-shadow: 0px 2px 3px 0px rgba(236,236,236,1);
  box-shadow: 0px 2px 3px 0px rgba(236,236,236,1);
}
.contact-us-page form button {
  width: 170px;
  line-height: 45px;
  margin-left:15px;
}
.contact-us-page form {
  margin-bottom: 150px;
}
/*(((((((((((((((((((((((  Contact form activation ))))))))))))))))))*/
.contact-us-form .alert_wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(255,255,255,0.7);
  top: 0;
  left: 0;
  z-index: 9999999;
}
.contact-us-form #success,
.contact-us-form #error {
  position: relative;
  width:500px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  margin-left: -250px;
  left:50%;
  background: #fff;
  border:1px solid #ffb504;
  text-align: center;
}
.contact-us-form #success .wrapper,
.contact-us-form #error .wrapper {
  display: table;
  width:100%;
  height: 100%;
}
.contact-us-form #success .wrapper p,
.contact-us-form #error .wrapper p{
  display: table-cell;
  vertical-align: middle;
}
.contact-us-form #success {
  color: #ffb504;
}
.contact-us-form #error {
  color: red;
}
.contact-us-form #error button,
.contact-us-form #success button {
  color:#fff;
  width:40px;
  height:40px;
  line-height: 20px;
  background: #ffb504;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 25px;
}
.form-validation label.error {
  display: none !important;
}
.form-validation input.error,
.form-validation textarea.error {
  border:1px solid #f03838 !important;
}
/*(((((((((((((((((((((( Project )))))))))))))))))*/
.project-page {
  margin-top: 120px;
  margin-bottom: 140px;
}
.mixitUp-menu {
  text-align: center;
  margin-bottom: 80px;
}
.mixitUp-menu ul li {
  display: inline-block;
  line-height: 23px;
  margin: 0 15px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  text-transform: uppercase;
  font-size: 16px;
}
.mixitUp-menu ul li.active,
.mixitUp-menu ul li:hover {
 border-color: #ffb504;
}

.project-item-wrapper figure.effect-goliath {
  background: #ffb504;
}
.project-item-wrapper figure.effect-goliath h6,
.project-item-wrapper figure.effect-goliath p {
  color:#fff;
  text-transform: none;
  font-weight: normal;
  opacity: 0;
}
.project-item-wrapper figure.effect-goliath img,
.project-item-wrapper figure.effect-goliath h6 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

.project-item-wrapper figure.effect-goliath img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.project-item-wrapper figure.effect-goliath h6,
.project-item-wrapper figure.effect-goliath p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 25px 20px;
}

.project-item-wrapper figure.effect-goliath p {
  text-transform: none;
  font-size: 90%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,50px,0);
  transform: translate3d(0,50px,0);
}

.project-item-wrapper figure.effect-goliath:hover img {
  -webkit-transform: translate3d(0,-80px,0);
  transform: translate3d(0,-80px,0);
}

.project-item-wrapper figure.effect-goliath:hover h6 {
  -webkit-transform: translate3d(0,-80px,0);
  transform: translate3d(0,-80px,0);
  opacity: 1;
}

.project-item-wrapper figure.effect-goliath:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.project-item-wrapper .mix {
  margin-bottom: 25px;
  display: none;
}
.project-item-wrapper figure.effect-zoe {
  cursor: default;
}
.project-item-wrapper figure.effect-zoe figcaption {
  top: auto;
  bottom: 0;
  padding: 1em;
  height: 3.75em;
  background: #fff;
  color: #3c4a50;
  border-bottom: 4px solid #ffb504;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.project-item-wrapper figure.effect-zoe h5 {
  float: left;
}
.project-item-wrapper figure.effect-zoe h5 a {
  color: #3c4a50;
}
.project-item-wrapper figure.effect-zoe p.icon-links a {
  float: right;
  color: #3c4a50;
  font-size: 24px;
}

.project-item-wrapper figure.effect-zoe:hover p.icon-links a:hover,
.project-item-wrapper figure.effect-zoe:hover p.icon-links a:focus {
  color: #252d31;
}

.project-item-wrapper figure.effect-zoe p.description {
  position: absolute;
  bottom: 8em;
  padding: 2em;
  color: #fff;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

.project-item-wrapper figure.effect-zoe h5,
.project-item-wrapper figure.effect-zoe p.icon-links a {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,200%,0);
  transform: translate3d(0,200%,0);
}

.project-item-wrapper figure.effect-zoe p.icon-links a i {
  display: inline-block;
  padding: 8px 10px;
  speak: none;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.project-item-wrapper figure.effect-zoe h5 {
  display: inline-block;
}

.project-item-wrapper figure.effect-zoe:hover p.description {
  opacity: 1;
}

.project-item-wrapper figure.effect-zoe:hover figcaption,
.project-item-wrapper figure.effect-zoe:hover h5,
.project-item-wrapper figure.effect-zoe:hover p.icon-links a {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.project-item-wrapper figure.effect-zoe:hover h5 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.project-item-wrapper figure.effect-zoe:hover p.icon-links a:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.project-item-wrapper figure.effect-zoe:hover p.icon-links a:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.project-item-wrapper figure.effect-zoe:hover p.icon-links a:first-child {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.project-item-wrapper figure.effect-zoe img {
  -webkit-transition: all .35s ease-in-out;
     -moz-transition: all .35s ease-in-out;
      -ms-transition: all .35s ease-in-out;
       -o-transition: all .35s ease-in-out;
          transition: all .35s ease-in-out;
}
.project-item-wrapper figure.effect-zoe:hover img {
  opacity: 0.6;
}
/*(((((((((((((((((( Project Details )))))))))))))))*/
.project-details {
  margin-top: 120px;
}
.project-details .project-img-gallery .single-img {
  margin-bottom: 16px;
}
.project-details .project-img-gallery .carousel-control {
  background: transparent !important;
  font-size: 32px;
  width: 10%;
  opacity: 1;
}
.project-details .project-img-gallery .carousel-control i {
  top:50%;
  margin-top: -5px;
  position: absolute;
  opacity: 0;
  -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
       -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;
}
.project-details .project-img-gallery #myCarousel:hover i {
  opacity: 1;
}
.project-details .project-details-text {
  margin-top: 70px;
  margin-bottom: 120px;
}
.project-details .project-details-text .project-engineer {
  position: relative;
  margin-bottom: 60px;
}
.project-details .project-details-text .name {
  padding: 20px 0 10px 15px;
  background: #fff;
  border-bottom: 2px solid #ffb504;
}
.project-details .project-details-text .name p {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 3px;
}
.project-details .project-details-text .name h6 {
  text-transform: uppercase;
}
.project-details .project-details-text .project-history ul {
  margin-top: 25px;
}
.project-details .project-details-text .project-history ul li {
  display: block;
  line-height: 35px;
  font-family: 'Hind', sans-serif;
  font-size: 15px;
}
.project-details .project-details-text .project-content-text .theme-title {
  margin-bottom: 40px;
}
.project-details .project-details-text .project-content-text i {
  font-family: 'Hind', sans-serif;
  display: block;
  margin: 40px 40px 40px 40px;
}
.project-details .project-details-text .project-content-text {
  padding-left: 40px;
}
/*((((((((((((((((((((((((((( Our Service )))))))))))))))))*/
.service-single-page {
  padding-top: 120px;
  padding-bottom: 140px;
}
.service-single-page .single-item {
  margin-bottom: 30px;
}
.service-single-page .single-item a {
  display: block;
  background: #f7f7f7;
  padding: 20px;
}
.service-single-page .single-item a span {
  font-size: 15px;
  color:#8c8c8c;
  display: block;
  margin-top:5px;
}
.service-single-page .single-item:hover .hvr-bounce-to-bottom:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.service-single-page .single-item:hover .hvr-float-shadow {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.service-single-page .single-item:hover .hvr-float-shadow:after {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.service-single-page .single-item:hover a h6,
.service-single-page .single-item:hover a span {
  color:#fff;
}
.service-single-page .single-item .img {
  position: relative;
}
.service-single-page .single-item .img .text {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  padding: 30px;
  overflow: hidden;
}
.service-single-page .single-item p {
  padding: 0 0 0 10px;
  width: 90%;
  color:#fff;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
  border-left: 3px solid #fff;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px,0,0);
  transform: translate3d(-40px,0,0);
}

.service-single-page .single-item:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.service-single-page .single-item:hover .img .text {
  background: rgba(0,0,0,0.65);
}
/*(((((((((((( Service Details Page ))))))))))))))*/
.service-details-page {
  padding: 120px 0 140px 0;
}
.service-details-page .service-side-bar .wrapper {
  padding-right: 40px;
}
.service-details-page .service-side-bar .wrapper .nav-tabs {
  border:none;
}
.service-details-page .service-side-bar .wrapper .nav>li {
  float:none;
  display: block;
  margin: 0 !important;
}
.service-details-page .service-side-bar .wrapper .nav-tabs > li > a {
  margin: 0 0 5px 0;
  border-radius: 0;
  padding: 20px 0 20px 20px;
  display: block;
  border:1px solid #f1f1f1;
  position: relative;
  z-index: 9;
}
.service-details-page .service-side-bar .wrapper .nav-tabs > li > a:before {
  content: '';
  width:3px;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  z-index: -1;
}
.service-details-page .service-side-bar .wrapper .nav-tabs > li:hover > a,
.service-details-page .service-side-bar .wrapper .nav-tabs > li.active > a,
.service-details-page .service-side-bar .wrapper .nav-tabs > li.active > a:hover,
.service-details-page .service-side-bar .wrapper .nav-tabs > li.active > a:focus {
  margin: 0 0 5px 0;
  box-shadow: none;
  background: transparent;
}
.service-details-page .service-side-bar .wrapper .nav-tabs > li:hover > a:before,
.service-details-page .service-side-bar .wrapper .nav-tabs > li.active > a:before,
.service-details-page .service-side-bar .wrapper .nav-tabs > li.active > a:hover:before,
.service-details-page .service-side-bar .wrapper .nav-tabs > li.active > a:focus:before {
  width: 100%;
}
.service-details-page .service-side-bar .wrapper .nav-tabs > li > a h6 {
  font-weight: 500;
  color:#4d4d4d;
  font-size: 15px;
}
.service-details-page .service-side-bar .wrapper .nav-tabs > li.active > a h6,
.service-details-page .service-side-bar .wrapper .nav-tabs > li.active > a:hover h6,
.service-details-page .service-side-bar .wrapper .nav-tabs > li.active > a:focus h6,
.service-details-page .service-side-bar .wrapper .nav-tabs > li:hover > a h6 {
  color:#fff;
}
.service-details-page .service-side-bar .project-engineer {
  position: relative;
  margin-top: 60px;
  margin-bottom: 60px;
}
.service-details-page .service-side-bar .name {
  padding: 20px 0 10px 15px;
  background: #fff;
  border-bottom: 2px solid #ffb504;
}
.service-details-page .service-side-bar .name p {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 3px;
}
.service-details-page .service-side-bar .name h6 {
  text-transform: uppercase;
}

.service-details-page .service-side-bar .download-item a {
  margin: 0 0 8px 0;
  padding: 17px 0 17px 20px;
  display: block;
  border:1px solid #f1f1f1;
  position: relative;
  z-index: 9;
  color:#8c8c8c;
  font-size: 14px;
  text-transform: uppercase;
}
.service-details-page .service-side-bar .download-item a:before {
  content: '';
  width:3px;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  z-index: -1;
}
.service-details-page .service-side-bar .download-item a:hover:before {
  width:100%;
}
.service-details-page .service-side-bar .download-item a:hover {
  color:#fff;
}
.service-details-page .service-side-bar .download-item a i {
  margin-right: 5px;
}
.service-details-page .service-details-content .tab-pane>img {
  margin-bottom: 60px;
}
.service-details-page .service-details-content p {
  margin: 20px 0 40px 0;
}
.service-details-page .service-details-content h6 {
  text-transform: uppercase;
  border-bottom: 1px solid #efefef;
  padding-bottom: 25px;
  margin-bottom: 15px;
}
.service-details-page .service-details-content ul li {
  font-weight: 500;
  font-size: 19px;
  color:#5c5c5c;
  line-height: 44px;
}
.service-details-page .service-details-content ul li i {
  margin-right: 16px;
  line-height: 44px;
}
.service-details-page .service-details-content .progress {
  height:30px;
  margin: 0 0 60px 0;
  box-shadow: none;
  background: #f4f3f2;
  border-radius: 30px;
}
.service-details-page .service-details-content .progress-bar {
  background-color: #ffb504;
  border-radius: 30px;
  position: relative;
  box-shadow: none;
}
.service-details-page .service-details-content .progress-bar span {
  position: absolute;
  line-height: 30px;
  right:-40px;
  top:0;
  font-size: 15px;
  font-weight: 700;
  color:#686868;
}
.service-details-page .service-details-content .bottom-text h4 {
  margin: 50px 0 38px 0;
}
/*((((((((((((((((((( Blog Page ))))))))))))))))*/
.blog-page {
  padding: 120px 0 120px 0;
}
.blog-single-post {
  text-align: center;
  margin-bottom:30px;
}
.blog-single-post .img-holder {
  position: relative;
  overflow: hidden;
}
.blog-single-post .img-holder .content-holder {
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  cursor: pointer;
  text-align: center;
  background: rgba(255,181,4,0.5);
  opacity: 0;
}
.blog-single-post:hover .img-holder .content-holder {
  opacity: 1;
}
.blog-single-post .img-holder .content-holder i,
.blog-single-post .img-holder .content-holder {
  color:#fff;
  opacity: 0;
  font-size: 22px;
}
.blog-single-post .img-holder .content-holder .content {
  display: table;
  width:100%;
  height:100%;
}
.blog-single-post .img-holder .content-holder a{
  display: table-cell;
  vertical-align: middle;
}
.blog-single-post:hover .content-holder i,
.blog-single-post:hover .content-holder {
  opacity: 1;
}
.blog-single-post:hover .blog-post-meta ul li a {
  color: #ffb504;
}
.blog-single-post .blog-post-meta h4 {
  text-transform: capitalize;
  margin-bottom: 7px;
  margin-top: 20px;
}
.blog-single-post .blog-post-meta ul {
  margin-bottom:15px;
}
.blog-single-post .blog-post-meta ul li {
  display: inline-block;
  position: relative;
  color:#b5b5b5;
  padding-right: 9px;
  padding-left: 9px;
}
.blog-single-post .blog-post-meta ul li:after {
  content: '';
  position: absolute;
  height:13px;
  width:1px;
  background:#b5b5b5; 
  right:0;
  top:3px;
}
.blog-single-post .blog-post-meta ul li:last-child:after {
  width:0;
}
.blog-single-post .blog-post-meta ul li a {
  display: block;
  color:#b5b5b5;
  font-size: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog-single-post .blog-post-meta p {
  font-size: 15px;
  color: #656565;
  text-align: left;
  padding-left: 20px;
  padding-right: 7px;
  margin-bottom:14px;
}
.blog-single-post .blog-post-meta .blog-text a {
  display: inline-block;
  background: #ffb504;
  color: #fff;
  width: 130px;
  line-height: 38px;
  margin: 5px 0 0 4px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}

.blog-single-post .blog-post-meta {
  background: #fbfcfc;
  border-left: 1px solid #efeff1;
  border-right: 1px solid #efeff1;
  border-bottom: 1px solid #efeff1;
  padding-top: 10px;
  padding-bottom: 33px;
}
.page-pagination ul li {
  display: inline-block;
}
.page-pagination {
  text-align: center;
  padding-top: 80px;
}
.page-pagination ul li a {
  margin: 0 5px;
  color:#747474;
  padding: 5px 11px;
  border:1px solid #efefef;
  font-size: 14px;
  text-transform: uppercase;
}
.page-pagination ul li a:hover,
.page-pagination ul li a:focus,
.page-pagination ul li a:active,
.page-pagination ul li a.active {
  background: #ffb504;
  border: 1px solid #ffb504;
  color:#fff;
}
/*((((((((((((((((((((((( Blog Details )))))))))))))))))))*/
#blog-post {
    padding: 120px 0 33px;
}
#blog-post article {
    margin-bottom: 65px;
}
#blog-post article:last-child {
    margin-bottom: 65px;
}
#blog-post article .post-title h2 {
    font-weight: 600;
    font-size: 1.5em;
    line-height: 30px;
    color: #353535;
    text-transform: capitalize;
    margin: 0;
}
#blog-post article .img-holder {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
#blog-post .carousel-indicators {
  bottom:13px;
}
#blog-post .carousel-indicators li, #blog-post .carousel-indicators li.active {
  width: 14px;
  height: 14px;
  margin-left:2px;
  margin-right:2px;
}
#blog-post .carousel-indicators li {
  border:2px solid #fff;
  margin-left:2px;
  margin-right:2px;
}
#blog-post article .post-meta {
  margin-bottom: 16px;
}
#blog-post article .post-date ul {
  border-bottom: 1px solid #e8eaef;
  border-top: 1px solid #e8eaef;
  margin-bottom: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#blog-post article .post-date ul li {
  display: inline;
  font-size: 16px;
  margin-right: 32px;
}
#blog-post article .post-date ul li span:first-child {
    font-size: 18px;
    color: #8d8d8d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}
#blog-post article .post-date ul li span:last-child {
  color: #a3a3a3;
  letter-spacing: 0.06em;
  margin-right: 2px;
}
#blog-post article > p,
#blog-post article p {
    font-size: 1em;
    line-height: 28px;
    margin-bottom: 20px;
}
#blog-post article >p mark {
  background: #ffb504;
  color:#fff;
  display: inline-block;
  line-height: 11px;
}
#blog-post article > .read-more {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 39px;
    color: #FE5454;
    padding: 0 0px;
    display: inline-block;
}
#blog-post article > .read-more:hover {
    color: #000;
}
#blog-post article h3 {
   margin-bottom: 20px;
}
#blog-post article h3.margin_fix_top {
  margin-top:25px;
}
#blog-post article p {
  margin-bottom: 6px;
}
#blog-post article ul.highlight {
  margin-top:16px;
}
#blog-post article ul.highlight li {
  line-height: 32px;
}
#blog-post article ul.highlight li span {
  padding-right:2px;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote {
  background: #f5f4f4 none repeat scroll 0 0;
  margin-left: 30px;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote p {
    font-weight: 300;
    color: #646464;
    font-size: 17px;
    padding: 26px 30px 0px 103px;
    position: relative;
    margin:0;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote p:before {
    color: #d0d0d0;
    content: "\f10d";
    font-family: 'fontawesome';
    font-size: 54px;
    left: 30px;
    position: absolute;
    top: 45px;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote span {
    float: right;
    font-size: 16px;
    font-style: italic;
    padding-bottom: 24px;
    padding-right: 37px;
    text-transform: capitalize;
}
#blog-post article .shear_area .shear {
  margin-top: 80px;
  overflow: hidden;
}
#blog-post article .shear_area .shear h6 {
  float: left;
  margin-right: 25px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 4px;
}
#blog-post article .shear_area .shear .social_button {
  float: left;
  margin: 0;
  padding: 0;
}
#blog-post article .shear_area .shear .social_button ul li {
  display: inline-block;
}
#blog-post article .shear_area .shear .social_button ul li a {
  background-color: transparent;
  color: #787c7f;
  display: inline-block;
  margin: 0 8px;
  line-height: 17px;
}
#blog-post article .shear_area .shear .social_button ul li a:hover ,
#blog-post article .shear_area .shear .social_button ul li a:focus ,
#blog-post article .shear_area .shear .social_button ul li a:active {
  color:#ffb504;
}
#blog-post article .administrator {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  margin-top: 70px;
  overflow: hidden;
  margin-bottom: 70px;
}
#blog-post article .administrator .administrator_img {
    padding-bottom: 22px;
    padding-left: 6px;
    padding-top: 18px;
}
#blog-post article .administrator .administrator_text {
  margin-left: -57px;
}
#blog-post article .administrator .administrator_text h4 {
  font-size: 16px;
  margin-top: 18px;
  text-transform: uppercase;
  margin-bottom:10px;
}
#blog-post article .administrator .administrator_text p {
    color: #808080;
    font-size: 15px;
    line-height: 25px;
    padding-top: 2px;
    padding-right: 16px;
}
#blog-post .comments_area h4 {
  margin-bottom: 33px;
  padding-bottom: 35px;
  border-bottom: 1px solid #e9e9e9;
}
#blog-post .comments_area .single_comment>img {
  border-radius: 5px;
}
#blog-post .comments_area .single_comment .comment {
  position: relative;
  width:87%;
  padding-left: 30px;
}
#blog-post .comments_area .single_comment .comment a.reply {
  width:60px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  color:#3f3e3e;
  background: #f4f4f4;
  border-radius: 4px;
  font-size: 13px;
  position: absolute;
  top: 13px;
  right: -20px;
}
#blog-post .comments_area .single_comment .comment a.reply:hover {
  color:#fff;
}
#blog-post .comments_area .single_comment .comment h6 {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  margin-bottom: 5px;
}
#blog-post .comments_area .single_comment .comment span {
  font-style: italic;
}
#blog-post .comments_area .single_comment .comment p {
  margin-top:17px;
}
#blog-post .comments_area .single_comment {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 25px;
  margin-bottom: 34px;
}
#blog-post .comments_area .single_comment.border_fix {
  border-bottom: none;
  border-top: 1px solid #e9e9e9;
  margin: 34px 0 0px 102px;
  padding-top: 38px;
  padding-bottom: 15px;
}
#blog-post article .comment-box .comment-box-title h4 {
  color: #353535;
  padding: 37px 0 25px;
}
#blog-post article .comment-box .comment-box-field .comment-box-half input {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding: 9px 0 9px 20px;
    width: 100%;
    outline: none;
}
#blog-post article .comment-box .comment-box-field .comment-box-full textarea {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    height: 163px;
    padding: 10px 0 10px 20px;
    resize: none;
    width: 100%;
    outline: none;
}
#blog-post article .comment-box form button {
  color:#fff;
  width:150px;
  line-height: 43px;
  margin-top: 30px;
}
#blog-post article .comment-box .comment-box-field .comment-box-submit input[type=submit]:hover {
  background: rgba(190,71,50,1);
}
/*------- blog-fix-width-4column-left-sidebar --------*/
.blog_sidebar form,
.blog_sidebar .category_list,
.blog_sidebar .slide_show,
.blog_sidebar .tags_widget,
.blog_sidebar .recent_blog,
.blog_sidebar .flickr_widget,
.blog_sidebar .site_archives,
.blog_sidebar .text_wideget {
  margin-bottom:40px;
}
.blog_sidebar .text_wideget p {
 font-size: 15px;
 color: #808080;
 padding-top: 3px;
 line-height: 26px;
 padding-left: 3px;
 padding-right: 6px;
}
.blog_sidebar form .search_item_holder {
  position: relative;
}
.blog_sidebar form input {
  font-size: 15px;
  border:1px solid #eeeff0;
  height:42px;
  outline: none;
  width:100%;
  padding-left:13px;
  padding-right:41px;
}
.blog_sidebar form button {
  height:42px;
  width:42px;
  outline: none;
  box-shadow: none;
  color:#fff;
  position: absolute;
  right:0;
  top:0;
  font-size: 16px;
}
.blog_sidebar h4 {
  font-weight: 700;
  font-size: 1em;
  text-transform: uppercase;
  color: #3d3d3d;
  position: relative;
  padding-left:13px;
  padding-bottom:14px;
  border-bottom: 1px solid #e8eaef;
  margin-top:0;
}
.blog_sidebar h4:before {
  content: '';
  background: #ffb504;
  position: absolute;
  width:3px;
  height:17px;
  left:0;
  top:0;
}
.blog_sidebar .tags_widget h4 {
  margin-bottom:9px;
}
.blog_sidebar .category_list ul li a {
  display: block;
  font-size: 15px;
  color: #8c8c8c;
  line-height: 40px;
  border-bottom: 1px solid #e8eaef;
}
.blog_sidebar .category_list ul li:last-child a {
  border:none;
  padding-bottom: 0;
}
.blog_sidebar .category_list ul {
  margin:10px 0 0 0;
}
.blog_sidebar .category_list ul li a span,
.blog_sidebar .site_archives ul li a span {
  color:#a6a6a6;
  float:right;
}
.slide_show .slider_box {
  padding-top:23px;
}
.slide_show .carousel-control {
  position: absolute;
  background: #fff;
  opacity: .8;
  height: 25px;
  width: 21px;
  top: 42%;
  line-height: 25px;
  background-image:none;
  text-shadow:none;
}
.tags_widget ul li {
  display: inline-block;
  margin: 8px 1px 0px 4px;
}
.tags_widget ul li a {
  font-size: 14px;
  display: block;
  color: #808080;
  padding:5px 15px;
  text-transform: capitalize;
  background: #f8f8f9;
  border:1px solid #f4f4f5;
  border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}
.blog_sidebar .recent_blog h4 {
  margin-bottom: 25px;
}
.blog_sidebar .recent_blog .img-content {
  width:30%;
}
.blog_sidebar .recent_blog .text {
  width: 70%;
  padding-left: 15px;
}
.blog_sidebar .recent_blog .text a {
  line-height: 21px;
  color:#1c2125;
  margin: -3px 0 2px 0;
  font-weight: 500;
}
.blog_sidebar .recent_blog .text span {
  font-size: 15px;
}
.blog_sidebar .recent_blog .recent_blog_single_item {
  border-bottom: 1px solid #efeefe;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.blog_sidebar .recent_blog .recent_blog_single_item:last-child {
  border:none;
}

*{
	margin:0;
	padding:0;
}

/******************************************************************************

  SIDEBAR

*******************************************************************************/

.sidebar{

	font-size:13px;

}

.sidebar .widget {

  margin: 0 0 60px;

}

.sidebar .widget:last-child {

  margin-bottom: 0;

}

.sidebar .widget ol,

.sidebar .widget ul {

  list-style: none;

  margin-left: 0;

  padding-left: 0;

}

.sidebar .widget header,

.sidebar .widget .title-block,

.product-bottom .related-products header {

  border-bottom: 1px solid #e1e1e1;

  margin: 0 0 20px;

  padding: 0 0 15px;

  position: relative;

}

.sidebar .widget header .title,

.sidebar .widget .title-block .title,

.product-bottom .related-products header h3 {

  color: #7f7f7f;

  font-size: 18px;

  font-weight: normal;

  line-height: 1;

  margin: 0;

}

.sidebar .widget .subtitle {

  font-size: 14px;

  line-height: 1;

  margin: 0 0 25px;

}

.sidebar .whats-news {

  margin-bottom: 40px;

  overflow: hidden;

}

.sidebar .carousel-box.no-style .next, 

.sidebar .carousel-box.no-style .prev{

	line-height:0;

}

.sidebar .whats-news header {

  margin: 0;

}

.sidebar .carousel-box .product {

  display: block;

  float: left;

  margin: 40px 15px;

}

.sidebar .action {

  overflow: hidden;

}

.sidebar .action .clear-all {

  float: left;

  font-size: 14px;

  line-height: 40px;

  text-transform: none;

}

.sidebar .action .clear-all.close {

  font-size: 20px;

  line-height: 38px;

}

.sidebar .action .clear-all span {

  font-size: 14px;

  line-height: 39px;

  margin: 0 0 0 2px;

  vertical-align: middle;

}

.sidebar .action .btn {

  float: right;

}

.sidebar .more {

  color: #7f7f7f;

  font-size: 12px;

  margin: 5px 0 0;

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.sidebar .more:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

  text-decoration: none;

}



/* Pages */



.sidebar .pages li {

  margin: 0 0 3px;

  position:relative;

}

.sidebar .pages li:before{

  content: "\f105";

  display: block;

  font-family: FontAwesome;

  position:absolute;

  color:#1e1e1e;

  top:5px;

}

.sidebar .pages li a {

  color: #1e1e1e;

  display: block;

  padding: 5px 10px 5px 15px;

  position: relative;

  text-decoration: none;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}



/* Menu */



.sidebar .menu li {

  margin: 0 0 3px;

  position:relative;

}

.sidebar .menu li a {

  color: #1e1e1e;

  display: block;

  padding: 9px 9px 9px 15px;

  position: relative;

  text-decoration: none;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.sidebar .menu li a:hover {

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.sidebar .menu li.active > a {

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.sidebar .menu li.parent > a .open-sub {

  bottom: 0;

  display: block;

  left: 0;

  position: absolute;

  top: 5px;

  width: 100%;

}

.sidebar .menu li > a:before,

.sidebar .menu li > a:after {

  content: "\f105";

  display: block;

  font-family: FontAwesome;

  left: 0;

  position: absolute;

  top: 10px;

}

.sidebar .menu li.parent > a .open-sub:after {

  margin: 12px 0 0 15px;

}

.sidebar .menu li.parent.active > a .open-sub:before,

.sidebar .menu li.parent.active > a .open-sub:after {

   top: 0px;

}

.sidebar .menu li.parent.active > a .open-sub:after {

  display: none;

}

.sidebar .menu .sub {

  padding-left:15px;

}

.sidebar .menu .sub li {

  margin: 0;

}

.sidebar .menu  .sub a {

  background: none;

  color: #7f7f7f;

  margin: 0;

}

.sidebar .menu li.parent:hover .sub a{

  color: #7f7f7f;

}

.sidebar .menu .sub a:before {

  display: none;

}

.sidebar .menu .sub a:hover {

}

.sidebar .menu .sub .active > a {

  background: none;

  color: #000;

}

.sidebar .menu .sub .sub {

  background: none;

}

.sidebar .menu .sub li.parent > a .open-sub {

  left: 10px;

}

.sidebar .menu .sub li.parent > a .open-sub:before,

.sidebar .menu .sub li.parent > a .open-sub:after {

  background: #7f7f7f;

  margin: 14px 0 0 22px;

  width: 12px;

}

.sidebar .menu .sub li.parent > a .open-sub:after {

  height: 12px;

  margin: 9px 0 0 27px;

  width: 2px;

}

.sidebar .menu li > a .item-icon {

  left: 15px;

  position: absolute;

  top: 13px;

}

.sidebar .menu li:not(.active) > a .item-icon {

  opacity: .5;

  filter: alpha(opacity=50);

}



/* Shop By */

.sidebar .section + .section{

  border-top-width: 1px;

  margin: 20px 0 0;

  padding: 20px 0 0;

}

.sidebar .section li {

  line-height: 18px;

}

.sidebar .section li + li {

  margin: 12px 0 0;

}

.sidebar .section li > a,

.sidebar .section li > a:visited {

  color: #1e1e1e;

}

.sidebar .section li .fa {

  color: #7f7f7f;

}

.sidebar .section .selected li {

  background: url("../img/point.png") right 13px repeat-x #fff;

  margin: 0 0 8px;

  padding: 0 16px 0 0;

  position: relative;

}

.sidebar .section li > span {

  background: #fff;

  color: #7f7f7f;

}

.sidebar .section li span span {

  color: #1e1e1e;

}

.sidebar .section .selected .close {

  background: #fff;

  color: #7f7f7f;

  font-size: 20px;

  padding: 0 2px;

  position: absolute;

  right: 0px;

  top: 3px;

}

.sidebar .section .selected .close:hover {

  color: #1e1e1e;

}



/* List */

.sidebar .list ul {

  margin-bottom: 0;

}

.sidebar .list li {    

  border-bottom: 1px dashed #f5f5f5;

  padding: 7px 0;

}

.sidebar .list li:last-child{    

  border-bottom:0;

  padding: 4px 0;

}

.sidebar .list li a {

  color: #1e1e1e;

}

.sidebar .list li span {

  color: #7f7f7f;

  float:right;

}



/* Recent Post */

.sidebar .recent-post li {

  padding: 24px 0;

}

.sidebar .recent-post li  a,

.sidebar .recent-post li {

  color:#1e1e1e;

  font-size:13px;

}

.sidebar .recent-post li:first-child {

  padding-top: 10px;

}

.sidebar .carousel-pagination{

	padding-top:10px;

}

.sidebar  .widget.tags ul{

	padding-top:10px;

}

.sidebar .recent-post li:last-child {

  padding-bottom: 0;

}

.sidebar .recent-post li + li {

  border-top-width: 1px;

}

.sidebar .recent-post li .post-image {

  background: #f7f7f7;

  border: 1px solid #f5f5f5;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  float: left;

  height: 74px;

  margin: 0 15px 1px 0;

  overflow: hidden;

  width: 74px;

}

.sidebar .recent-post li .post-name {

  font-size: 12px;

  font-weight: normal;

  line-height: 20px;

  margin: 0 0 4px;

  padding-left: 85px;

}

.sidebar .recent-post li .post-box {

  font-size: 16px;

  line-height: 22px;

  padding-left: 85px;

}



/* Specials */

.sidebar .specials li {

  padding: 24px 0;

}

.sidebar .specials li:first-child {

  padding-top: 0;

}

.sidebar .specials li:last-child {

  padding-bottom: 0;

}

.sidebar .specials li + li {

  border-top-width: 1px;

}

.sidebar .specials li .product-image {

  background: #f7f7f7;

  border: 1px solid #f5f5f5;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  float: left;

  height: 74px;

  margin: 0 15px 1px 0;

  overflow: hidden;

  width: 74px;

}

.sidebar .specials li .product-name {

  font-size: 12px;

  font-weight: normal;

  line-height: 20px;

  margin: 0 0 4px;

  padding-left: 85px;

}

.sidebar .specials li .price-box {

  font-size: 16px;

  line-height: 22px;

  padding-left: 85px;

}

.sidebar .specials li .rating-box {

  margin: 3px 0 14px 85px;

  overflow: hidden;

}



/* Community Poll */

.sidebar .poll strong {

  display: block;

  margin-bottom: 21px;

}

.sidebar .poll ul {

  margin: 0;

  padding: 0 0 27px;

}

.sidebar .poll li {

  margin-bottom: 11px;

}



/* Compare Products */

.sidebar .compare-products ul {

  margin: 0;

  padding: 0 0 17px;

}

.sidebar .compare-products li {

  background: url("../img/point.png") right 13px repeat-x #fff;

  margin: 0 0 8px;

  padding: 0 16px 0 0;

  position: relative;

}

.sidebar .compare-products li .title {

  background: #fff;

  color: #1e1e1e;

  padding-right: 2px;

}

.sidebar .compare-products li .close {

  background: #fff;

  font-size: 20px;

  padding: 0 2px;

  position: absolute;

  right: 0px;

  top: 3px;

}

.sidebar .wishlist li {

  padding: 0 46px 0 0;

}

.sidebar .wishlist .add-cart {

  background: #fff;

  color: #7f7f7f;

  height: 100%;

  padding: 0 3px;

  position: absolute;

  right: 26px;

  top: 1px;

}

.sidebar .wishlist .add-cart path {

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.sidebar .wishlist .add-cart:hover path {

  fill: #1e1e1e;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}



/* Newsletter */

.sidebar .newsletter form {

  margin: 5px 0 0;

  position: relative;

}

.sidebar .newsletter input {

  margin: 0;

  padding-right: 43px;  

}

.sidebar .newsletter .submit {

  color: #ffffff;

  height: 38px;

  outline: none;

  padding: 0;

  position: absolute;

  right: 1px;

  top: 1px;

  width: 38px;

  border-radius:0 3px 3px 0;

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

}

.sidebar .newsletter .submit.bg-color:hover{

	background-color:#333333;	

}

.sidebar .newsletter .submit .glyphicon {

  line-height: 20px;

}
.sidebar .newsletter .has-feedback .form-control-feedback{
	 right:35px;
}
.sidebar .newsletter input:focus + .submit {

  color: #000;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}
#footer .widget p.form-message1 {
	margin-bottom:5px;
	color:#fff;
}
/*.sidebar .newsletter .help-block {
    margin-top:0;
    position: absolute;
    top: -25px;
}*/



/* Recommended */

.sidebar .banners {

  overflow: hidden;

}

.sidebar .banners .slide {

  float: left;

  max-width: 270px;

  margin-left: 15px;

  margin-right: 15px;

  padding-left: 0;

  padding-right: 0;

  position: relative;

}

.sidebar .banners .banner-text {

  background: rgb(30,30,30);

  background: rgba(30,30,30,.65);

  bottom: 0;

  color: #fff;

  left: 0;

  min-height: 58px;

  padding: 20px;

  position: absolute;

  right: 0;

  text-align: right;

}

.sidebar .banners .banner-text .title {

  font-size: 20px;

  margin: 0;

}

.sidebar .banners .banner-text p {

  line-height: 18px;

  margin: 0;

}



/* Tags */

.sidebar .tags ul {

  margin: 0;

}

.sidebar .tags li {

  float: left;

  margin: 0 3px 3px 0;

}

.sidebar .tags a {

  background: #1e1e1e;

  background: rgba(30,30,30,.7);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  color: #fff;

  display: block;

  font-size: 12px;

  height: 24px;

  line-height: 24px;

  padding: 0 5px;

  text-decoration: none;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.sidebar .tags a:hover {

  background: #1e1e1e;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

/* Social Photo Streaming */



.social-feed {

  margin: 0 auto;

  display: block;

  display: table;

}

 

.social-feed li {

  width: 62px;

  height: 62px;

  list-style: none;

  float: left;

  margin-right: 5px;

  margin-bottom: 5px;

}

 

.social-feed li img {

  width: 62px;

  height: 62px;

}



/* Social */

.social .sbtnf {

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  color: #fff;

  display: block;

  height: 40px;

  float: left;

  line-height: 40px;

  margin: 0 10px 0 0;

  opacity: .35;

  filter: alpha(opacity=35);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

  text-align: center;

  width: 40px;

}

.social .sbtnf:hover {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.sidebar .widget.social .sbtnf {

  margin-bottom: 10px;

}



/* Links */

.sidebar .links li {

  line-height: 21px;

}

.sidebar .links a,

.sidebar .links a:visited {

  color: #7f7f7f;

  text-decoration: none;

  -webkit-transition: color .2s linear;

  transition: color .2s linear;

}

.sidebar .links a:hover {

  color: #000;

  -webkit-transition: color .2s linear;

  transition: color .2s linear;

}



/* Calendar */

.sidebar .calendar-wrap {

  background: rgba(0,0,0,.05);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  overflow: hidden;

}

.sidebar .calendar-wrap table {

  margin: 0;

}

.sidebar .calendar-wrap table td,

.sidebar .calendar-wrap table th {

  padding: 3px;

}

.sidebar .calendar-wrap caption {

  background: #1e1e1e;

  color: #fff;

  font-size: 14px;

  padding: 5px;

}

.sidebar .calendar-wrap tfoot td {

  border: 0 none;

}

.sidebar .calendar-wrap tfoot a {

  text-decoration: none;

}

.sidebar .calendar-wrap tfoot a:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.sidebar .facebook-widget .fb-like-box {

  border: 1px solid #e1e1e1;

  max-width: 270px;

  width: 100%;

}

.sidebar .facebook-widget .fb-like-box > span {

  max-width: 100% !important;

}



/* Datepicker */

.sidebar .calendar .datepicker-box .datepicker {

  background: rgba(0,0,0,.02);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  padding: 0;

  width: 270px;

  max-width: 100%;

}

.sidebar .calendar .datepicker-box .datepicker table {

  width: 100%;

  max-width: 100%;

}

.datepicker table tr td.active:hover,

.datepicker table tr td.active:hover:hover,

.datepicker table tr td.active.disabled:hover,

.datepicker table tr td.active.disabled:hover:hover,

.datepicker table tr td.active:active,

.datepicker table tr td.active:hover:active,

.datepicker table tr td.active.disabled:active,

.datepicker table tr td.active.disabled:hover:active,

.datepicker table tr td.active.active,

.datepicker table tr td.active:hover.active,

.datepicker table tr td.active.disabled.active,

.datepicker table tr td.active.disabled:hover.active,

.datepicker table tr td.active.disabled,

.datepicker table tr td.active:hover.disabled,

.datepicker table tr td.active.disabled.disabled,

.datepicker table tr td.active.disabled:hover.disabled,

.datepicker table tr td.active[disabled],

.datepicker table tr td.active:hover[disabled],

.datepicker table tr td.active.disabled[disabled],

.datepicker table tr td.active.disabled:hover[disabled],

.datepicker table tr td.active,

.datepicker table tr td.active:hover,

.datepicker table tr td.active.disabled,

.datepicker table tr td.active.disabled:hover {

  background: #037ac5;

}

.datepicker table tr td.today:hover,

.datepicker table tr td.today:hover:hover,

.datepicker table tr td.today.disabled:hover,

.datepicker table tr td.today.disabled:hover:hover,

.datepicker table tr td.today:active,

.datepicker table tr td.today:hover:active,

.datepicker table tr td.today.disabled:active,

.datepicker table tr td.today.disabled:hover:active,

.datepicker table tr td.today.active,

.datepicker table tr td.today:hover.active,

.datepicker table tr td.today.disabled.active,

.datepicker table tr td.today.disabled:hover.active,

.datepicker table tr td.today.disabled,

.datepicker table tr td.today:hover.disabled,

.datepicker table tr td.today.disabled.disabled,

.datepicker table tr td.today.disabled:hover.disabled,

.datepicker table tr td.today[disabled],

.datepicker table tr td.today:hover[disabled],

.datepicker table tr td.today.disabled[disabled],

.datepicker table tr td.today.disabled:hover[disabled],

.datepicker table tr td.today,

.datepicker table tr td.today:hover,

.datepicker table tr td.today.disabled,

.datepicker table tr td.today.disabled:hover {

  background: #f89406;

  color: #fff;

}



/* Banner Set */

.banner-set {

  border-top-width: 1px;

  padding-bottom: 16px;

  overflow: hidden;

}

.banner-set:before {

  border-top: 1px solid #e1e1e1;

  content: "";

  display: block;

  left: 0;

  margin-top: -1px;

  position: absolute;

  right: 0;

}

.banner-set.bottom-padding {

  padding-bottom: 0;

}

.load.banner-set .container {

  background-image: url("../img/svg/loader.svg"), none;

  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: 40px;

  height: 314px;

  overflow: hidden;

}

.load.banner-set .nav-box .container,

.load.banner-set.banner-set-mini .nav-box .container {

  background: none;

  height: auto;

}

.load.banner-set .container > * {

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.container .banner-set .container {

  padding: 0;

  width: auto;

}

.banner-set .container > * {

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.banner-set .banner {

  border-right-width: 1px;

  color: #7f7f7f;

  display: block;

  float: left;

  font-size: 12px;

  line-height: 18px;

  margin: 0;

  width: 292px;

  padding: 19px;

  text-decoration: none;

  -webkit-transition:

    color .2s linear,

    box-shadow .2s linear;

  transition:

    color .2s linear,

    box-shadow .2s linear;

}

.banner-set .banner:first-child {

  border-left-width: 1px;

}

.banner-set .banner img {

  margin: 0 0 28px 0;

  max-height: 158px;

  width: 100%;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.banner-set .banner .title {

  color: #7f7f7f;

  font-size: 20px;

  font-weight: normal;

  line-height: 1.2;

  margin: 0;

  padding: 0 0 12px;

  text-decoration: none;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.banner-set .banner .description {

  height: 54px;

  overflow: hidden;

  text-overflow: ellipsis;

}

.banner-set .banner:hover {

  color: #1e1e1e;

  -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.13);

  -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.13);

  box-shadow: inset 0 0 10px rgba(0,0,0,.13);

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition:

    color .2s linear,

    box-shadow .2s linear;

  transition:

    color .2s linear,

    box-shadow .2s linear;

}

.banner-set .banner:hover img {

  opacity: .9;

  filter: alpha(opacity=90);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.banner-set .banner:hover .title {

  color: #1e1e1e;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.banner-set .nav-box {

  padding: 0;

  text-align: center;

  vertical-align: top;

}

.banner-set > .container:after {

  border-top: 1px solid #e1e1e1;

  content: "";

  display: block;

  left: 0;

  margin-top: -1px;

  position: absolute;

  right: 0;

}

.banner-set .next,

.banner-set .prev,

.banner-set .pagination {

  display: inline-block;

  margin-top: 15px;

  vertical-align: top;

}

.banner-set .next,

.banner-set .prev {

  color: #ccc;

  font-size: 13px;

  height: 14px;

  line-height: 14px;

  vertical-align: top;

  -webkit-transition: color .2s linear;

  transition: color .2s linear;

}

.banner-set .next:hover,

.banner-set .prev:hover {

  color: #1e1e1e;

  -webkit-transition: color .2s linear;

  transition: color .2s linear;

}

.banner-set .next.disabled,

.banner-set .prev.disabled {

  cursor: default;

  opacity: .12;

  filter: alpha(opacity=12);

}

.banner-set .next .glyphicon,

.banner-set .prev .glyphicon {

  margin: 0;

  top: 0;

  vertical-align: top;

}

.banner-set .pagination {

  height: 14px;

  margin: 15px 7px 0;

}

.banner-set .pagination a {

  background: #ececec;

}

.banner-set .pagination a:hover {

  background: #000;

}

.banner-set .pagination a.selected {

  background: #ccc;

}

.banner-set.banner-set-mini {

  overflow: visible;

  padding-bottom: 0;

}

.load.banner-set.banner-set-mini .container,

.load.banner-set.banner-set-mini .container .banners {

  height: 127px;

  overflow: hidden;

}

.banner-set.banner-set-mini .banner {

  padding: 9px;

  width: 146px;

}

.banner-set.banner-set-mini .banner img {

  margin-bottom: 14px;

}

.banner-set.banner-set-mini .banner .title {

  font-size: 14px;

  padding: 0;

}

.banner-set.banner-set-mini .pagination {

  margin-bottom: 15px;

}

.banner-set.banner-set-mini.banner-set-no-pagination .nav-box,

.banner-set.banner-set-mini.banner-set-no-pagination .nav-box .container {

  position: relative;

}

.banner-set.banner-set-mini.banner-set-no-pagination .pagination {

  display: none !important;

}

.banner-set.banner-set-mini.banner-set-no-pagination .prev,

.banner-set.banner-set-mini.banner-set-no-pagination .next {

  left: 0;

  margin: -70.5px 0 0 -15px;

  position: absolute;

  top: 0;

}

.banner-set.banner-set-mini.banner-set-no-pagination .next {

  left: auto;

  margin-left: 0;

  margin-right: -15px;

  right: 0;

}

.container .banner-set.banner-set-mini.banner-set-no-pagination .prev {

  margin-left: -30px;

}

.container .banner-set.banner-set-mini.banner-set-no-pagination .next {

  margin-right: -30px;

}



/******************************************************************************

  MAIN SECTION

*******************************************************************************/

#main {

  padding: 80px 0;

}

#main.no-padding {

  padding: 0;

}

#main.no-bottom-padding {

  padding-bottom: 0;

}

#main.bottom-padding-40 {

  padding-bottom: 40px;

}

.page-header {

  border-bottom: 1px solid #e1e1e1;

  border-top: 1px solid #e1e1e1;

  padding: 15px 0;

  background-color:#f2f2f2;
  margin: 0px;

}
.fixed-header .page-header {
  margin: 50px 0 0px;
}

.fixed-header.hidden-top .page-header {

  margin: 0px 0 0px;

}

.page-header .title {

  font-weight: normal;

  margin: 0;

  padding: 0;

  position: relative;

}

.page-header .container {

  position: relative;

}

.page-header .container:before {

  background: #1e1e1e;

  bottom: 0px;

  content: "";

  display: block;

  height: 1px;

  left: 15px;

  margin: 0 0 -1px;

  position: absolute;

  width: 40px;

}

.page-header .page-description {

  padding: 0 0 18px;

}

.title-box {

  border-bottom-width: 0px;

  margin-bottom: 40px;

  position: relative;

}

.title-box.no-margin,

.no-margin {

  margin-bottom: 0 !important;

}

.title-box h1:before {

  bottom: 0;

  content: "";

  display: block;

  height: 2px;

  left: 0;

  right:0;

  margin:-2px auto;

  position: absolute;

  width: 40px;

}

.title-box h2:before {

  bottom: 0;

  content: "";

  display: block;

  height: 2px;

  left: 0;

  margin:-2px auto;

  position: absolute;

  width: 40px;

}

.title-box.text-center h2:before {

  bottom: 0;

  content: "";

  display: block;

  height: 2px;

  left: 0;

  right:0;

  margin:-2px auto;

  position: absolute;

  width: 40px;

}

.title-box.text-right:before {

  left: auto;

  right: 0;

}

.title-box.text-center:before {

  left: 50%;

  margin-left: -20px;

}

.title-box .title {

  font-size: 28px;

  font-weight: normal;

  margin: 0 0 12px 0;

  padding: 14px 0 14px;

  text-transform:uppercase;

}

.title-box h1.title,

.title-box .h1.title {

  font-size: 35px;

  text-transform:uppercase;

  text-align:center;

}

.title-box .btn {

  font-size: 12px;

  padding-left: 15px;

  padding-right: 15px;

  position: absolute;

  right: 0;

  top: 0;

}

.title-box .btn .glyphicon {

  margin: -1px 0 0 3px;

}

.title-box.title-white,

.page-header.white {

  border-color: rgba(255,255,255,.3);

}

.title-box.title-white:before,

.page-header.white .container:before ,

.title-box.title-white h2:before{

  background: #fff;

}

.title-box.title-white .title {

  color: #fff;

}



/******************************************************************************

  Home Pages

*******************************************************************************/



/* Packages */

.package {

  background: #f7f7f7;

  margin: 0 auto 40px;

  max-width: 370px;

}

.package .title {

  line-height: 32px;

  padding: 20px 20px 15px;

}

.package .title a {

  color: #1e1e1e;

  font-size: 28px;

  font-weight: bold;

  line-height: 32px;

  text-decoration: none;

}

.package .price-box {

  font-size: 12px;

  line-height: 18px;

  overflow: hidden;

  padding: 0 20px 20px;

}

.package .price-box .icon {

  color: #505050;

  height: 96px;

  text-align: center;

  width: 96px;

}

.package .price-box .icon i {

  background: none;

  font-size: 50px;

  height: auto;

  line-height: 100px;

  margin: 0;

  width: auto;

}

.package .price-box .description {

  margin: 0 120px 17px 0;

}

.package .price-box .price {

  font-size: 36px;

  font-weight: bold;

  line-height: 1;

  margin: 7px 0 0;

}

.package .price-box .price span {

  font-size: 12px;

}

.package .bottom-box {

  border-top-width: 1px;

  overflow: hidden;

  padding: 19px 19px 20px;

}

.package .bottom-box .more {

  color: #7f7f7f;

  display: block;

  float: left;

  font-size: 12px;

  line-height: 1;

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.package .bottom-box .more:hover {

  opacity: .65;

  filter: alpha(opacity=65);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.package .bottom-box .more span {

  font-size: 17px;

  line-height: 12px;

  margin: 0 0 0 3px;

  vertical-align: top;

}

.package .bottom-box .rating-box {

  float: right;

}



/******************************************************************************

  Features 

*******************************************************************************/



.features-block .header-box {

  display: block;

  min-height: 30px;

  margin: 0 0 13px;

  overflow: hidden;

}

.features-block .header-box .icon-box {

  background: none;

  color: #1e1e1e;

  float: left;

  height: 30px;

  margin: 0 10px 0 0; 

  text-align: center;

  width: 24px;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.features-block .header-box a.icon-box:hover {

  opacity: 0.8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.features-block .header-box .icon-box i:before {

  font-size: 20px;

  line-height: 30px;

}

.features-block .header-box h6 {

  margin: 6px 0 0;

}



.features-list {

	padding:40px 0 0 0px;

}

.features-list-left {

	text-align:left;

}

.features-list-right {

	text-align:left;

}

.features-list-right.text-right{

	text-align:right;

}

.features-list li {

	list-style:none;

	padding:20px 0;

	line-height:2;

	font-size:15px;

	font-weight:300;

	position:relative;

}

.features-list li i {

	display:block;

	border-radius:50%;

	-moz-border-radius:50%;

	-webkit-border-radius:50%;

	-o-border-radius:50%;

	-ms-border-radius:50%;

	width:70px;

	height:70px;

	margin:20px auto;

	line-height:70px;

	top:0px;

	text-align:center;

	position:absolute;

}

.features-list-left li i {

	left:0px;

}

.features-list-right li i {

	right:0px;

}

.features-list-left .features-content {

	margin-left:90px;

}

.features-list-right .features-content {

	margin-right:90px;

}



/* Double Image */

.relative{

	position:relative;

}

.double-img {

	position:relative;

}

.image-right {

	margin-left:-25%;

	position:relative;

}



/* Welcome block */

.content-block {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 20px;

}

.content-block .btn + .btn {

  margin-left: 14px;

}

.content-block .btn.pull-left {

  margin: 0 10px 0 0;

}

.content-block .btn.pull-right {

  margin: 0 0 0 10px;

}



/******************************************************************************

  Special Features 

*******************************************************************************/

.special-feature .section-title hr{

	border-color:#151515;

}

.special-feature i{

	font-size:65px;

	line-height:75px;

}

.special-feature h4{

	font-size:20px;

	margin-top:25px;

	position:relative;

}

.special-feature .mask-top{

	width:100%;

	background-color:#ffffff;

	padding:55px 0;

	position:absolute;

	top:0px;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.special-feature .mask-top h4:before {

	top: -18px;

	content: "";

	display: block;

	height: 2px;

	left: 0;

	right:0;

	margin:-2px auto;

	position: absolute;

	width: 40px;

}

.special-feature .s-feature-box:hover .mask-top{

	top:-200px;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition:all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.special-feature .s-feature-box{

	overflow:hidden;

	position:relative;

	height:280px;

	border:1px solid #f2f2f2;

	margin-bottom:20px;

	cursor:pointer;

}

.special-feature .mask-bottom{

	color:#333333;

	padding:20px 15px 20px 15px;

	width:100%;

	position:absolute;

	bottom:-300px;

	height:100%;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.special-feature .mask-bottom p{

	padding:0px 5px;

}

.special-feature .mask-bottom h4{

	margin:15px 0px 17px;

}

.special-feature .s-feature-box:hover .mask-bottom{

	bottom:0;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	-ms-transition:all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.special-feature .mask-bottom i {

    font-size: 38px;

    line-height: 50px;

}



/* Who We Are */

.who-we-are.container{

	max-width:1200px;

}



/* Responsive */

.responsive-features span {

    font-size: 24px;

    margin-right: 10px;

}

.responsive-features .col-md-4{

	padding-left:0;

}

.responsive-features h4 {

    display: inline-block;

    margin: 0 0 15px;

	font-size:21px;

    text-transform: capitalize;

}



/******************************************************************************

  Service 

*******************************************************************************/

.service .livicon,

.service i{

  -webkit-border-radius: 35px;

  -moz-border-radius: 35px;

  border-radius: 35px;

  color: #1e1e1e;

  display: block;

  height: 50px;

  position:absolute;

  left:15px;

  margin: 0 15px 0 0;

  text-align: center;

  text-decoration: none;

  width: 50px;

  line-height:50px;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.service .livicon,

.service i{

	padding:0;

}

.service i{

	margin-top:10px;

}

.service:hover i{

	background-color:transparent;

	border:1px solid #1e1e1e;

}

.service.no-border:hover i{

	background-color:transparent;

	border:0;

}

.service  a{

	margin-left:60px;

}

.service .icon:hover {

  opacity: 0.8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.service .icon i:before {

  font-size: 30px;

  line-height: 70px;

}

.service .title {

  margin: 2px 0 10px;

}

.service a:not(.btn),

.big-services-box a:not(.btn),

.features-block a:not(.btn) {

  color: #1e1e1e;

  display: inline-block;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.service a:hover,

.big-services-box a:hover,

.features-block a:hover {

  text-decoration: none;

  opacity: 0.8;

  filter: alpha(opacity=80);

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.white .service a,

.white .big-services-box a {

  color: #fff;

}

.service .text-small {

  overflow: hidden;

}

.big-services-box {

  margin-bottom: 40px;

  text-align: center;

}

.service-box{

  margin-bottom: 40px;

}

.service-box img{

  margin-bottom: 20px;

}

.service-box a{

	color:#1e1e1e;

	text-decoration:none;

}

.service-box a:hover{

	opacity:.8;

}

.big-icon,

.big-icon:visited {

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  border-radius: 50px;

  color: #1e1e1e;

  display: block;

  height: 100px;

  margin: 0 auto 20px;

  text-align: center;

  width: 100px;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.big-icon i:before {

  font-size: 50px;

  line-height: 100px;

}

a.big-icon:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.big-icon.pull-left {

  margin: 0 20px 20px 0;

}



.small-icon,

.small-icon:visited {

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  border-radius: 50px;

  color: #1e1e1e;

  display: block;

  height: 50px;

  margin: 0 auto 20px;

  text-align: center;

  width: 50px;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.small-icon i:before {

  font-size: 30px;

  line-height: 50px;

}

a.small-icon:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.small-icon.pull-left {

  margin: 0 20px 20px 0;

}





/******************************************************************************

  Service Time-line

*******************************************************************************/

.timeliner {

    position: relative;

    padding: 0;

	margin-top:20px;

    list-style: none;

}



.timeliner:before {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 40px;

    width: 2px;

    margin-left: -1.5px;

    background-color: #f1f1f1;

}

.timeliner>li {

    position: relative;

    margin-bottom: 50px;

    min-height: 50px;

}

.timeliner>li:before,

.timeliner>li:after {

    content: " ";

    display: table;

}

.timeliner>li:after {

    clear: both;

}

.timeliner>li .timeline-panel {

    float: right;

    position: relative;

    width: 100%;

    padding: 0 20px 0 100px;

    text-align: left;

}



.timeliner>li .timeline-panel:before {

    right: auto;

    left: -15px;

    border-right-width: 15px;

    border-left-width: 0;

}

.timeliner>li .timeline-panel:after {

    right: auto;

    left: -14px;

    border-right-width: 14px;

    border-left-width: 0;

}

.timeliner>li .timeline-image {

    z-index: 100;

    position: absolute;

    left: 0;

    width: 80px;

    height: 80px;

    margin-left: 0;

    border: 7px solid #f1f1f1;

    border-radius: 100%;

    text-align: center;

    color: #fff;

}

.timeliner>li .timeline-image h4 {

    margin-top: 12px;

	color:#171717;

}

.timeliner>li.timeline-inverted>.timeline-panel {

    float: right;

    padding: 0 20px 0 100px;

    text-align: left;

}



.timeliner>li.timeline-inverted>.timeline-panel:before {

    right: auto;

    left: -15px;

    border-right-width: 15px;

    border-left-width: 0;

}

.timeliner>li.timeline-inverted>.timeline-panel:after {

    right: auto;

    left: -14px;

    border-right-width: 14px;

    border-left-width: 0;

}

.timeliner>li:last-child {

    margin-bottom: 0;

}

.timeliner .timeline-heading h4 {

    margin-top: 0;

}

.timeliner .timeline-heading h4.subheading {

    text-transform: none;

	text-transform:uppercase;

	color:#171717;

	font-weight:700;

}

.timeliner .timeline-body>p,

.timeliner .timeline-body>ul {

    margin-bottom: 0;

}

/******************************************************************************

  Why Choose Us

*******************************************************************************/

.why-choose ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.why-choose li {

  font-size: 13px;

  line-height: 20px;

  padding: 11px 0 8px 23px;

  position: relative;

}

.why-choose li:before {

  content: "✓";

  display: block;

  font-size: 16px;

  left: 2px;

  position: absolute;

  top: 11px;

}

.why-choose li + li {

  border-top-width: 1px;

}



/* Promo Partners */

.promo-partners {

  font-size: 13px;

  line-height: 20px;

}

.promo-partners .col-md-2 {

  margin-bottom: 37px;

}



/* Latest Posts */

.latest-posts {

  list-style: none;

  margin: 0;

  padding: 0;

}

.latest-posts li {

  overflow: hidden;

  padding: 22px 0;

}

.latest-posts li + li {

  border-top-width: 1px;

}

.latest-postst li:first-child {

  padding-top: 0;

}

.latest-posts li:last-child {

  padding-bottom: 0;

}

.latest-posts li .image {

  float: left;

  height: 84px;

  margin: 0 25px 0 0;

  width: 84px;

}

.big-post  .image {

	margin-bottom:20px;

}

.latest-posts li .meta,

.big-post .meta {

  color: #7f7f7f;

  font-size: 11px;

  line-height: 18px;

  margin: 0 0 10px;

}

.latest-posts li .description {

  overflow: hidden;

}

.latest-posts li a,

.big-post a {

  color: #1e1e1e;

  line-height: 20px;

  margin: 0;

}

.latest-posts-white li .meta {

  color: rgba(255,255,255,.6);

}

.latest-posts-white li a {

  color: rgba(255,255,255,.8);

}

.latest-posts-white li {

  border-color: rgba(255,255,255,.3);

}



/******************************************************************************

  Carousel

*******************************************************************************/

.carousel .col-sm-1,

.carousel .col-sm-2,

.carousel .col-sm-3,

.carousel .col-sm-4,

.carousel .col-sm-5,

.carousel .col-sm-6,

.carousel .col-sm-7,

.carousel .col-sm-8,

.carousel .col-sm-9,

.carousel .col-sm-10,

.carousel .col-sm-11,

.carousel .col-sm-12 {

  display: block;

  float: left;

}

.carousel .col-md-1 {

  max-width: 80px;

}

.carousel .col-md-2 {

  max-width: 161px;

}

.carousel .col-md-3 {

  max-width: 242px;

}

.carousel .col-md-4 {

  max-width: 323px;

}

.carousel .col-md-5 {

  max-width: 404px;

}

.carousel .col-md-6 {

  max-width: 485px;

}

.carousel .col-md-7 {

  max-width: 565px;

}

.carousel .col-md-8 {

  max-width: 646px;

}

.carousel .col-md-9 {

  max-width: 727px;

}

.carousel .col-md-10 {

  max-width: 808px;

}

.carousel .col-md-11 {

  max-width: 889px;

}

.carousel .col-md-12 {

  max-width: 970px;

}



.carousel-links a {

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.carousel-links a:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.carousel [class*="span"].pull-right {

  float: right;

}

.load.carousel-box {

  background-image: url("../img/svg/loader.svg"), none;

  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: 40px;

}

.load.carousel-box > * {

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.carousel-box{

	position:relative;

}

.carousel-box > * {

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.load.carousel-box .carousel > a + a,

.load.carousel-box .carousel > div + div {

  visibility: hidden;

}

.caroufredsel_wrapper {

  margin-bottom: 0!important;

}

.carousel-box .next,

.carousel-box .prev {

  background-color: transparent;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  color: #111111;

  display: block;

  float: right;

  height: 40px;

  line-height: 40px;

  margin: 0 0 0 10px;

  text-align: center;

  text-decoration: none;

  width: 40px;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

  border:1px solid #111111;

}



.carousel-box.white .next,

.carousel-box.white .prev {

	color:#ffffff;

}

.carousel-box.black .next,

.carousel-box.black .prev {

	color:#111111;

}



.carousel-box.no-style .next,

.carousel-box.no-style .prev {

  background-color:transparent;

  color: #1e1e1e;

  display: block;

  float: right;

  height: 40px;

  line-height: 40px;

  margin: 0 0 0 10px;

  text-align: center;

  text-decoration: none;

  width: 20px;

  border:0;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.carousel-box.no-style.white  .next,

.carousel-box.no-style.white .prev {

	color:#ffffff;

}

.carousel-box.no-style .next:hover,

.carousel-box.no-style .prev:hover {

	background-color:transparent;

}

.carousel-box .next:hover,

.carousel-box .prev:hover {

  background-color: #000;

  color: #efefef;

  text-decoration: none;

  -webkit-transition:

    color .2s linear,

    background-color .2s linear;

  transition:

    color .2s linear,

    background-color .2s linear;

}

.carousel-box.no-style .next:hover,

.carousel-box.no-style .prev:hover {

	background:none;

}

.carousel-box .next:hover polygon,

.carousel-box .prev:hover polygon {

  fill: #efefef;

}

.carousel-box .next svg {

  margin-left: 2px;

}

.carousel-box .prev svg {

  margin-right: 2px;

}

.carousel-box .next *,

.carousel-box .prev * {

  vertical-align: middle;

}

.carousel-box.no-nav .next,

.carousel-box.no-nav .prev {

  display: none;

}

.carousel-box .pagination {

  margin-bottom: 0;

  text-align: center;

  width: 100%;

}

.carousel-box.no-pagination .pagination {

  display: none;

}

.overflow {

  overflow: hidden;

}

.carousel-box .pagination a {

  background: #333333;

}

.carousel-box .pagination.white-bg a {

  background: #ffffff;

}

.carousel-box .pagination.white-bg a.selected, .banner-set .pagination.white-bg a.selected{

    background:#848282;

}

.carousel-box .pagination a:hover {

  background: #000;

}

.carousel-box .pagination a.selected {

  background: #ccc;

  background: rgba(0,0,0,.3);

}

.carousel-control{

	top: 0%;

    width: 10%;

}

.carousel-control .icon-prev, 

.carousel-control .icon-next, 

.carousel-control .fa{

	display: inline-block;

    position: absolute;

    top: 50%;

    z-index: 5;

}

.carousel-control .fa-angle-right{

	margin-left:-25px;

}

.carousel-control .fa,

.carousel-control .icon-prev, 

.carousel-control .icon-next{

	font-size: 30px;

    height: 30px;

    margin-top: -15px;

    width: 30px;

}

/******************************************************************************

  Products

*******************************************************************************/

.product {

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  display: inline-block;

  float: none;

  margin: 0 0 40px;

  min-width: 240px;

  overflow: hidden;

  position: relative;

  text-align: left;

  vertical-align: top;

}

.product.product-mini {

  min-width: 180px;

}

.carousel .product.product-mini {

  width: 200px;

}

.product.rotation,

.employee.rotation {

  overflow: visible;

}

.double-product {

  min-width: 240px;

}

.double-product .product.rotation {

  min-width: 210px;

}

.carousel .product.rotation {

  margin-top: 40px;

}

.carousel .double-product .product.rotation + .product.rotation {

  margin-top: 0;

}

.product .default {

  background: #f7f7f7;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  overflow: hidden;

  position: relative;

}

.product .product-image {

  display: block;

  line-height: 0;

  margin: 0;

}

.product .limit-offer {

  background: #1e1e1e;

  background: rgba(30,30,30,.9);

  bottom: 72px;

  color: #fff;

  font-size: 12px;

  left: 0;

  line-height: 1;

  padding: 10px 0 13px;

  position: absolute;

  right: 0;

  width: auto !important;

}

.product .limit-offer .title {

  margin: 0 0 3px;

}

.product .limit-offer .county-days-wrapper,

.product .limit-offer .county-hours-wrapper,

.product .limit-offer .county-minutes-wrapper,

.product .limit-offer .county-seconds-wrapper {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  display: inline-block;

  font-size: 30px;

  height: 26px;

  overflow: hidden;

  padding: 0 7px 2px 6px;

  position: relative;

  text-align: center;

}

.product .limit-offer .county-days,

.product .limit-offer .county-hours,

.product .limit-offer .county-minutes,

.product .limit-offer .county-seconds {

  font-size: 30px;

  left: 0;

  right: 0;

}

.product .limit-offer .loaded {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  padding-left: 7px;

  padding-right: 6px;

  position: absolute;

}

.product .limit-offer .county-days-wrapper span,

.product .limit-offer .county-hours-wrapper span,

.product .limit-offer .county-minutes-wrapper span,

.product .limit-offer .county-seconds-wrapper span {

  opacity: 1 !important;

}

.product .limit-offer .county-label-days,

.product .limit-offer .county-label-hours,

.product .limit-offer .county-label-minutes,

.product .limit-offer .county-label-seconds {

  color: rgba(255,255,255,.7);

  display: inline-block;

  text-align: center;

  text-transform: lowercase;

}

.product .limit-offer .county-days-wrapper:before,

.product .limit-offer .county-hours-wrapper:before,

.product .limit-offer .county-minutes-wrapper:before {

  background: #fff;

  background: rgba(255,255,255,.4);

  content: "";

  display: block;

  height: 11px;

  position: absolute;

  right: 0;

  top: 11px;

  width: 1px;

}

.county-label-days i,

.county-label-hours i,

.county-label-minutes i,

.county-label-seconds i {

  font-style: normal;

}

.product .limit-offer .county-label-days i,

.product .limit-offer .county-label-hours i,

.product .limit-offer .county-label-minutes i,

.product .limit-offer .county-label-seconds i {

  display: none;

}

.product .not-rotation-actions {

  background: #1e1e1e;

  background: rgba(30,30,30,.9);

  bottom: 0;

  left: 0;

  right: 0;

  padding: 9px 10px;

  position: absolute;

  text-align: center;

  -webkit-transition: bottom .2s linear;

  transition: bottom .2s linear;

  z-index: 1;

}

.product:hover .not-rotation-actions {

  bottom: 72px;

  -webkit-transition: bottom .2s linear;

  transition: bottom .2s linear;

}

.product .not-rotation-actions + .product-description .limit-offer {

  -webkit-transition: bottom .2s linear;

  transition: bottom .2s linear;

}

.product:hover .not-rotation-actions + .product-description .limit-offer {

  bottom: 144px;

  -webkit-transition: bottom .2s linear;

  transition: bottom .2s linear;

}

.product .product-description {

  background: #f2f2f2;

  border-top: 1px solid #e1e1e1;

  color: #505050;

  display: table;

  font-size: 13px;

  height: 72px;

  line-height: 18px;

  position: relative;

  text-align: center;

  width: 100%;

  z-index: 1;

}

.product .product-description .vertical {

  display: table-cell;

  height: 72px;

  padding-left: 5px;

  padding-right: 5px;

  vertical-align: middle;

}

.product .product-name {

  color: #1e1e1e;

  font-size: 13px;

  font-weight: normal;

  line-height: 18px;

  margin: 0 0 4px;

}

.product .product-name a {

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.product .product-name a:hover {

  opacity: 0.8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.products-tab .product .product-name {

  text-transform: none;

}

.product .price {

  font-weight: bold;

}

.product .product-hover {

  background: #1e1e1e;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  bottom: 0;

  color: #7f7f7f;

  display: none;

  font-size: 12px;

  line-height: 20px;

  left: 0;

  padding: 16px 20px 90px;

  position: absolute;

  right: 0;

  top: 0;

  width: auto !important;

}

.col-md-1.product .product-hover,

.col-md-2.product .product-hover,

.col-md-3.product .product-hover,

.col-md-4.product .product-hover,

.col-md-5.product .product-hover,

.col-md-6.product .product-hover,

.col-md-7.product .product-hover,

.col-md-8.product .product-hover,

.col-md-9.product .product-hover,

.col-md-10.product .product-hover,

.col-md-11.product .product-hover,

.col-md-11.product .product-hover {

  left: 15px;

  right: 15px;

}

.product:hover .product-hover {

  display: block;

  -webkit-animation: fadeIn 0.8s;

  animation: fadeIn 0.8s;

}

.product .product-hover .product-name {

  font-size: 13px;

  font-weight: normal;

  line-height: 18px;

  margin: 0 0 7px;

}

.product .product-hover .product-name a {

  color: #fff;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.product .product-hover .product-name a:hover {

  opacity: 0.8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

  text-decoration: none;

}

.product .product-hover .price {

  font-size: 18px;

  font-weight: normal;

  line-height: 1;

  margin: 0 0 24px;

}

.product .product-hover .product-image {

  background: #f7f7f7;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  display: block;

  height: 70px;

  float: right;

  line-height: 0;

  margin: 4px 0 0 5px;

  padding: 0;

  position: relative;

  width: 70px;

  z-index: 1;

}

.product .product-hover .product-image img {

  background: #f7f7f7;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.product .product-hover ul {

  margin: 0;

  max-height: 120px;

  overflow: hidden;

  padding: 0;

}

.product .product-hover ul li {

  background-image: url("../img/svg/check-icon.svg"), none;

  background-repeat: no-repeat;

  background-position: 0 5px;

  line-height: 20px;

  list-style: none;

  padding: 0 0 0 15px;

  position: relative;

}

.product .product-hover .actions {

  bottom: 20px;

  left: 0;

  position: absolute;

  text-align: center;

  width: 100%;

}

.product .actions a {

  background: #fff;

  display: inline-block;

  height: 54px;

  margin: 0 -2px;

  padding-top: 19px;

  text-align: center;

  text-decoration: none;

  vertical-align: top;

  width: 54px;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.product .actions a + a {

  border-left-width: 1px;

}

.product .actions .add-cart {

  -webkit-border-radius: 3px 0 0 3px;

  -moz-border-radius: 3px 0 0 3px;

  border-radius: 3px 0 0 3px;

}

.product .actions .add-compare {

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

}

.product .actions a:hover {

  background: #f2f2f2;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.product .actions a i {

  color: #1e1e1e;

  line-height: 57px;

}

.product .actions a i:before {

  font-size: 16px;

  width: auto;

}

.product.product-danger .limit-offer,

.product.product-danger .not-rotation-actions {

  background-color: rgba(212,7,70,.9);

}

.product.product-danger .actions a svg path {

  fill: #ffc400;

}

.product.product-success .product-hover,

.product.product-success .limit-offer,

.product.product-success .not-rotation-actions {

  background-color: #84a200;

}

.product.product-success .limit-offer,

.product.product-success .not-rotation-actions {

  background-color: rgba(132,162,0,.9);

}

.product.product-success .actions a svg path {

  fill: #84a200;

}

.product.product-info .product-hover,

.product.product-info .limit-offer,

.product.product-info .not-rotation-actions {

  background-color: #01a5db;

}

.product.product-info .limit-offer,

.product.product-info .not-rotation-actions {

  background-color: rgba(1,165,219,.9);

}

.product.product-info .actions a svg path {

  fill: #01a5db;

}

.product.product-warning .product-hover,

.product.product-warning .limit-offer,

.product.product-warning .not-rotation-actions {

  background-color: #f89406;

}

.product.product-warning .limit-offer,

.product.product-warning .not-rotation-actions {

  background-color: rgba(248,148,6,.9);

}

.product.product-warning .actions a svg path {

  fill: #f89406;

}

.rotation {

  background: none;

  -webkit-perspective: 600px;

  -moz-perspective: 600px;

  perspective: 600px;

}

.rotation .default,

.rotation .front-end {

  overflow: hidden;

  position: relative;

  -webkit-transform: rotateX(0deg) rotateY(0deg);

  -webkit-transform-style: preserve-3d;

  -webkit-backface-visibility: hidden;

  -moz-transform: rotateX(0deg) rotateY(0deg);

  -moz-transform-style: preserve-3d;

  -moz-backface-visibility: hidden;

  transform: rotateY(0deg);

  -webkit-transition: all .6s ease-in-out;

  -moz-transition: all .6s ease-in-out;

  transition: all .6s ease-in-out;

  z-index: 24;

}

.rotation .default {

  background: #f7f7f7;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

.rotation.hover .default,

.rotation.hover .front-end {

  z-index: 35;

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  transform: rotateY(180deg);

  -webkit-transition-delay: .2s;

  -moz-transition-delay: .2s;

  transition-delay: .2s;

}

.rotation .product-hover,

.rotation .back-end {

  display: block;

  height: inherit;

  -webkit-transform: rotateY(-180deg);

  -webkit-transform-style: preserve-3d;

  -webkit-backface-visibility: hidden;

  -moz-transform: rotateY(-180deg);

  -moz-transform-style: preserve-3d;

  -moz-backface-visibility: hidden;

  transform: rotateY(-180deg);

  -moz-transition: all .6s ease-in-out;

  -webkit-transition: all .6s ease-in-out;

  transition: all .6s ease-in-out;

  width: 100%;

  z-index: 13;

}

.rotation.hover .product-hover,

.rotation.hover .back-end {

  z-index: 46;

  -webkit-transform: rotateX(0deg) rotateY(0deg);

  -moz-transform: rotateX(0deg) rotateY(0deg);

  transform: rotateY(0deg);

  -webkit-transition-delay: .2s;

  -moz-transition-delay: .2s;

  transition-delay: .2s;

}

.list .product {

  background: none;

  display: block;

  margin-left: 0;

  margin-right: 0;

  overflow: hidden;

  width: auto;

}

.list .product .product-image {

  background: #f7f7f7;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  margin: 0;

  overflow: hidden;

  position: relative;

  text-align: center;

  width: 100%;

}

.list .product .product-name {

  color: #1e1e1e;

  font-size: 20px;

  font-weight: normal;

  line-height: 30px;

  margin: 0 0 14px;

}

.reviews-box {

  color: #7f7f7f;

  font-size: 12px;

  line-height: 14px;

}

.list .product .reviews-box {

  margin: 0 0 16px;

}

.reviews-box .rating-box {

  float: left;

  margin: 0 20px 0 0;

}

.reviews-box .separator {

  margin: 0 4px;

}

.reviews-box .add-review {

  color: #7f7f7f;

  text-decoration: none;

}

.reviews-box .add-review:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.list .product .excerpt {

  color: #7f7f7f;

  font-size: 12px;

  line-height: 20px;

  margin: 0 0 15px;

}

.list .product .price-box {

  margin: 0 0 30px;

}

.list .product .price {

  font-size: 24px;

  font-weight: normal;

}

.list .product .price-old {

  font-size: 18px;

}

.list .product .actions a {

  background: #f2f2f2;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.list .product .actions a:hover {

  background: #1e1e1e;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.list .product .actions a path {

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.list .product .actions a:hover path {

  fill: #fff;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}



/******************************************************************************

  Products Tab

*******************************************************************************/

.products-tab .nav-tabs > li > a {

  color: #7f7f7f;

  font-size: 18px;

  line-height: 33px;

}

.products-tab .nav-tabs > .active > a,

.products-tab .nav-tabs > .active > a:hover,

.products-tab .nav-tabs > .active > a:focus {

  color: #7f7f7f;

  font-weight: normal;

}

.products-tab .tab-content > .tab-pane {

  overflow: hidden;

  padding: 40px 0 0;

}

.products-tab .product.rotation {

  overflow: visible;

}



/******************************************************************************

  Manufactures

*******************************************************************************/

.manufactures .make-wrapper {

  float: left;

  height: 164px;

  margin: 0 15px;

  width: 164px;

}

.manufactures-list {

  text-align: center;

}

.manufactures-list .make-wrapper {

  display: inline-block;

  float: none;

  margin-bottom: 30px;

}

.manufactures .make {

  background: #f7f7f7;

  border: 1px solid #f7f7f7;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  display: table-cell;

  height: 164px;

  line-height: 0;

  max-height: 100%;

  opacity: .6;

  filter: alpha(opacity=60);

  padding: 0 20px;

  text-align: center;

  vertical-align: middle;

  -webkit-transition:

    background .2s linear,

    border .2s linear,

    opacity .2s linear;

  transition:

    background .2s linear,

    border .2s linear,

    opacity .2s linear;

}

.manufactures a.make:hover {

  background: #f2f2f2;

  border: 1px solid #ccc;

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition:

    background .2s linear,

    border .2s linear,

    opacity .2s linear;

  transition:

    background .2s linear,

    border .2s linear,

    opacity .2s linear;

}





/******************************************************************************

  Clients

*******************************************************************************/

.client {

  background: #f7f7f7;

  border: 1px solid #f7f7f7;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  display: inline-block;

  margin: 0 auto 20px;

  max-width: 100%;

  text-align: center;

  -webkit-transition: all .2s ease-in;

  transition: all .2s ease-in;

  width: 200px;

}

.client:hover {

  border-color: #e1e1e1;

  -webkit-transition: border-color .2s ease-in;

  transition: border-color .2s ease-in;

}

.client + .tooltip {

  font-size: 14px;

  z-index: 800;

}

.client + .tooltip .tooltip-inner {

  padding: 10px;

}

.carousel .client {

  margin-bottom: 0;

}

.client-img img{

	padding:10px 20px;

}



/******************************************************************************

  News

*******************************************************************************/

.news .news-item {

  font-size: 12px;

  line-height: 20px;

  margin-bottom: 35px;

}

.news .news-item .time {

  color: #7f7f7f;

  margin-bottom: 2px;

}

.news .news-item .title {

  font-size: 14px;

  margin-bottom: 7px;

}

.news .news-item .title a {

  color: #1e1e1e;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.news .news-item .title a:hover {

  opacity: .75;

  filter: alpha(opacity=75);

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.news .news-item .more {

  color: #7f7f7f;

  margin: 5px 0 0;

  text-decoration: none;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.news .news-item .more:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.news .news-item .more span {

  font-size: 16px;

  line-height: 20px;

  vertical-align: top;

}



/******************************************************************************

  Category

*******************************************************************************/

#catalog .category-img {

  background: #f2f2f2;

  margin: 0 0 80px;

  position: relative;

}

#catalog .category-img img {

  width: 100%;

}

#catalog .category-img .description {

  background: rgb(30,30,30);

  background: rgba(30,30,30,.7);

  bottom: 0;

  color: #fff;

  font-size: 20px;

  font-weight: bold;

  left: 0;

  padding: 35px 38px;

  position: absolute;

  right: 0;

}

.toolbar .grid-list {

  float: left;

}

.toolbar .grid-list .grid,

.toolbar .grid-list .list {

  background-color: #1e1e1e;

  background-color: rgba(30,30,30,.7);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  display: block;

  float: left;

  height: 24px;

  margin: 0 7px 0 0;

  text-align: center;

  width: 24px;

}

.toolbar .grid-list a.grid,

.toolbar .grid-list a.list {

  background: #ccc;

  -webkit-transition: background .2s linear;

  transition: background .2s linear;

}

.toolbar .grid-list a.grid:hover,

.toolbar .grid-list a.list:hover {

  background: #1e1e1e;

  -webkit-transition: background .2s linear;

  transition: background .2s linear;

}

.toolbar .grid-list .grid .glyphicon,

.toolbar .grid-list .list .glyphicon {

  color: #fff;

  font-size: 12px;

  margin: 5px 0 0;

  top: 0;

  vertical-align: top;

}

.toolbar .sort-catalog {

  float: left;

  margin: 0 17px 0 13px;

}

.toolbar .sort-catalog .dropdown-toggle {

  background-color: #1e1e1e;

  background-color: rgba(30,30,30,.7);

  color: #ccc;

  z-index: 26;

}

.toolbar .sort-catalog .dropdown-toggle span {

  color: #f7f7f7;

}

.toolbar .sort-catalog .open .dropdown-toggle span {

  color: #7f7f7f;

}

.btn-group.btn-select .dropdown-menu {

  z-index: 25;

}

.btn-group.btn-select.open .btn.dropdown-toggle:after {

  z-index: 27;

}

.btn.full{

	width:100%;

}

.toolbar .up-down {

  background-color: #1e1e1e;

  background-color: rgba(30,30,30,.7);

  background-image: url("../img/up.png");

  background-repeat: no-repeat;

  background-position: 50% 50%;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  height: 24px;

  margin: 0 0 0 3px;

  padding: 0;

  vertical-align: top;

  width: 22px;

}

.toolbar .up-down.active {

  background-color: #1e1e1e;

  background-color: rgba(30,30,30,.7);

  background-image: url("../img/down.png");

  background-repeat: no-repeat;

  background-position: 50% 50%;

}

.toolbar .per-page {

  color: #7f7f7f;

  font-size: 12px;

  line-height: 24px;

  margin: 0 0 0 3px;

}

.toolbar .price-regulator {

  color: #7f7f7f;

  font-size: 12px;

  width: 323px;

}

.toolbar .price-regulator b {

  color: #1e1e1e;

  display: inline-block;

  margin-top: 5px;

}

.toolbar .price-regulator .layout-slider {

  float: right;

  margin-top: 5px;

  width: 270px;

}

.jslider .jslider-pointer {

  background: none;

  height: 12px;

  margin: 0 0 0 -4px;

  width: 8px;

}

.jslider .jslider-pointer svg {

  vertical-align: top;

}

.toolbar .grid-list,

.toolbar .sort-catalog {

  margin-bottom: 20px;

}

#catalog .products {

  clear: both;

  margin-top: 20px;

}

#catalog .products.grid {

  text-align: center;

}

.pagination-box {

  margin: 40px 0 0;

}

.pagination-box .pagination {

  margin: 0 10px 0 0;

}





/******************************************************************************

  About Us

*******************************************************************************/

.about-us{

	position:relative;

   font-size: 13px;

}

.about-us strong {

  font-size: 14px;

}



.about-us .progress-label{

	color: #171717;

    font-weight: 300;

    position: absolute;

    right: -1px;

    top: -38px;

}

.about-us .progress-bar{

	text-align:right;

	position:absolute;

	height:12px;

}

.about-us .progress{

	background-color:#333333;

	margin-bottom:10px;

}

.about-us h6{

	margin-bottom:10px;

}

.our-team .social{

	text-align:center;

}

.our-team .name{

	font-size:18px;

	padding:25px 0 15px 0;

	margin:0px;

	position:relative;

}

.our-team .role{

	padding:10px 0 10px 0;

}

.our-team .name:before{

	content:"";

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	margin:0px auto;

	height:2px;

	width:40px;

}

.our-team .social-icon{

	margin-top:20px;

}

.social-icon{

	text-align:center;

	margin:10px 0;

}

.social-icon .item{

	display:inline-block;

}

.team-member .social-icon .item a,

.team-member:hover .social-icon .item a:hover{

	color:#333333;

}

.team-member .social-icon.white .item a,

.team-member:hover .social-icon.white .item a:hover{

	color:#ffffff;

}



.employee {

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  display: inline-block;

  float: none;

  margin: 0 0 40px;

  min-width: 260px;

  overflow: hidden;

  position: relative;

  text-align: left;

  vertical-align: top;

}

.carousel .employee {

  margin-top: 40px;

}

.employee .image {

  background: #f2f2f2;

  display: block;

  line-height: 0;

  margin: 0;

}

.employee .image > img {

  width: 100%;

  -webkit-transition: opacity 0.2s linear;

  transition: opacity 0.2s linear;

}

.employee .description {

  background: #f2f2f2;

  border-top-width: 1px;

  color: #505050;

  display: table;

  font-size: 13px;

  height: 72px;

  line-height: 18px;

  text-align: center;

  width: 100%;

}

.employee .description .vertical {

  display: table-cell;

  height: 72px;

  padding-left: 5px;

  padding-right: 5px;

  vertical-align: middle;

}

.employee .name {

  color: #1e1e1e;

  font-size: 13px;

  font-weight: normal;

  line-height: 18px;

  margin: 0 0 4px;

}

.employee .role {

  font-size: 11px;

}

.employee .employee-hover {

  background: #1e1e1e;

  background: rgba(30,30,30,.9);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  bottom: 0;

  color: #7f7f7f;

  display: none;

  font-size: 12px;

  line-height: 20px;

  left: 15px;

  padding: 16px 20px 90px;

  position: absolute;

  right: 15px;

  top: 0;

}



.employee .employee-hover .name {

  color: #fff;

  font-size: 13px;

  font-weight: normal;

  line-height: 1.4;

  margin: 0 0 7px;

}

.employee .employee-hover .role {

  line-height: 1;

  margin: 0 0 24px;

}

.employee .employee-hover .contact {

  color: #fff;

}

.employee .employee-hover .image {

  background: #f7f7f7;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  display: block;

  height: 60px;

  float: right;

  line-height: 0;

  margin: 4px 0 0 5px;

  overflow: hidden;

  padding: 0;

  position: relative;

  width: 60px;

  z-index: 1;

}

.employee .employee-hover .social {

  bottom: 20px;

  left: 20px;

  position: absolute;

  text-align: center;

}

.rotation .employee-hover {

  display: block;

  height: inherit;

  transform: rotateY(-180deg);

  -webkit-transform: rotateY(-180deg);

  -webkit-transform-style: preserve-3d;

  -webkit-backface-visibility: hidden;

  -moz-transform: rotateY(-180deg);

  -moz-transform-style: preserve-3d;

  -moz-backface-visibility: hidden;

  -o-transition: all .6s ease-in-out;

  -ms-transition: all .6s ease-in-out;

  -moz-transition: all .6s ease-in-out;

  -webkit-transition: all .6s ease-in-out;

  transition: all .6s ease-in-out;

  z-index: 13;

}

.rotation.hover .employee-hover {

  -moz-transform: rotateX(0deg) rotateY(0deg);

  -moz-transition-delay: .2s;

  -ms-transition-delay: .2s;

  -o-transition-delay: .2s;

  transform: rotateY(0deg);

  transition-delay: .2s;

  -webkit-transform: rotateX(0deg) rotateY(0deg);

  -webkit-transition-delay: .2s;

  z-index: 46;

}

.employee.employee-single {

  margin: 0;

  max-width: inherit;

  width: auto;

}

.employee-single .images-box .carousel-box {

  overflow: hidden;

}

.employee-single .images-box .image {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  float: left;

  margin: 0 0 20px;

  text-align: center;

}

.employee-single .images-box img {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.employee-single .images-box .pagination {

  margin-top: 0;

}

.employee-single .images-box .carousel-box.load {

  max-height: 390px;

  overflow: hidden;

}

.employee-single .employee-description .name {

  font-size: 22px;

  line-height: 1.3;

  margin: 0 0 5px;

}

.employee-single .employee-description .role {

  font-size: 14px;

  margin: 0 0 22px;

}

.employee-single .employee-description .social {

  margin: 22px 0 0;

}

.employee .employee-hover .social .item {

  background: #fff;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  float: left;

  margin: 0 10px 0 0;

}

.employee .employee-hover .social .item .sbtnf {

  float: none;

  margin: 0;

  overflow: inherit;

}

.employee-single-rotation .content-box {

  padding-left: 15px;

  padding-right: 15px;

}

/******************************************************************************

  Contact Us

*******************************************************************************/

.contact-info {

  margin-top: 30px;

}

.contact-info .title {

  font-size: 20px;

  font-weight: normal;

  line-height: 1.3;

  margin: 0 0 22px;

}

.contact-info address {

  margin-top: 5px;

  margin-bottom: 35px;

}

.contact-info hr {

  margin: 0 0 36px;

}

.contact-form .buttons-box {

  margin: 8px 0 0;

}

.map-box {

  position: relative;

}

.map-box .contact-info {

  background: #fff;

  margin: 0;

  padding: 5px 10px;

  position: absolute;

  top: 150px;

  z-index: 1;

}

.map-box .contact-info address {

  margin-bottom: 15px;

}



/******************************************************************************

  Sitemap

*******************************************************************************/

.sitemap,

.sitemap ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.sitemap ul {

  margin: 0 0 0 15px;

}



.sitemap a {

  background: #fff;

  color: #1e1e1e;

  line-height: 1;

  padding: 0 5px 0 20px;

  position: relative;

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.sitemap a:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.sitemap a:before {

  content: "\f0e8";

  display: block;

  font-family: FontAwesome;

  font-size: 14px;

  font-style: normal;

  font-weight: normal;

  line-height: 12px;

  left: 0;

  position: absolute;

  top: 0px;

}



/******************************************************************************

  Pricing

*******************************************************************************/

.pricing {

  background-color: #fff;

  margin: 0 auto 10px;

  max-width: 270px;

  position: relative;

  text-align: center;

  padding-top:20px;

}

.three-column .pricing{

    max-width: 500px;

}

.pricing * {

  position: relative;

}

.pricing:before {

  background: #f7f7f7;

  background: rgba(30,30,30,.06);

  bottom: 0;

  content: "";

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

}

.pricing .title {

  line-height: 32px;

  padding: 17px 20px 21px;

  text-transform:uppercase;

}

.pricing .title a {

  color: #1e1e1e;

  font-size: 24px;

  font-weight: bold;

  line-height: 32px;

  text-decoration: none;

}

.pricing .price-box {

  font-size: 12px;

  line-height: 1;

  overflow: hidden;

  padding: 0 20px 20px;

}

.pricing .price-box .icon {

  background: #fff;

  color: #505050;

  height: 60px;

  text-align: center;

  width: 60px;

  z-index: 1;

}

.pricing .price-box .icon i,

.pricing .price-box .icon .livicon {

  background: none;

  font-size: 30px;

  height: auto;

  line-height: 52px;

  margin: 0;

  width: auto;

}

.pricing .price-box .icon .livicon {

  height: 60px !important;

}

.pricing .price-box .icon .livicon svg {

  top: 0 !important;

  vertical-align: middle;

}

.pricing .price-box .price {

  font-size: 36px;

  font-weight: bold;

  margin: 13px 0 0;  

  font-family:Oswald,sans-serif;

}

.pricing .price-box .price span {

  font-size: 12px;

  display:block;

  margin-top:10px;

  color:#333333;  

  font-family: 'Arimo', sans-serif;

}

.pricing .options {

  list-style: none;

  margin: 0;

  padding: 0;

}

.pricing .options li {

  border-top: 1px solid rgba(30,30,30,.1);

  color: #999;

  color: rgba(30,30,30,.4);

  line-height: 22px;

  padding: 13px 10px 13px 10px;

  position: relative;

}

.pricing .options li span {

  color: #1e1e1e;

  margin-right:10px;

  line-height: 1;

}

.pricing .options li.active {

  color: #1e1e1e;

}

.pricing .options li.active span {

}

.pricing .bottom-box {

  border-top: 1px solid rgba(30,30,30,.1);

  background: rgba(30,30,30,.05);

  overflow: hidden;

  padding: 19px 19px 20px;

}

.pricing .bottom-box .more {

  color: #7f7f7f;

  color: rgba(30,30,30,.7);

  display: block;

  float: left;

  font-size: 12px;

  line-height: 1;

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.pricing .bottom-box .more:hover {

  opacity: .65;

  filter: alpha(opacity=65);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.pricing .bottom-box .more span {

  font-size: 17px;

  line-height: 12px;

  margin: 0 0 0 3px;

  vertical-align: top;

}

.pricing .bottom-box .rating-box {

  float: right;

}

.pricing .bottom-box .btn {

  font-weight: bold;

  margin: 10px 0 10px;

  width: 100%;

}

.pricing.prising-info:before {

  background: rgba(1,165,219,.06);

}

.pricing.prising-info .title a {

  color: #01a5db;

}

.pricing.prising-info .price-box .icon {

  color: #35beeb;

  border-color: #35beeb;

}

.pricing.prising-info .options li,

.pricing.prising-info .bottom-box {

  border-color: rgba(1,165,219,.1);

  color: rgba(1,165,219,.4);

}

.pricing.prising-info .bottom-box {

  border-top: 1px solid rgba(1,165,219,.1);

  background: rgba(1,165,219,.05);

} 

.pricing.prising-info .options li span,

.pricing.prising-info .bottom-box .more,

.pricing.prising-info .options li.active {

  color: #01a5db;

}

.pricing.pricing-success:before {

  background: rgba(132,162,0,.06);

}

.pricing.pricing-success .title a {

  color: #84a200;

}

.pricing.pricing-success .price-box .icon {

  border-color: #9ab71a;

  color: #9ab71a;

}

.pricing.pricing-success .options li,

.pricing.pricing-success .bottom-box {

  border-color: rgba(132,162,0,.1);

  color: rgba(132,162,0,.4);

}

.pricing.pricing-success .bottom-box {

  border-top: 1px solid rgba(132,162,0,.1);

  background: rgba(132,162,0,.05);

}

.pricing.pricing-success .bottom-box .more,

.pricing.pricing-success .options li span,

.pricing.pricing-success .options li.active {

  color: #84a200;

}

.pricing.pricing-error:before {

  background: rgba(212,7,70,.06);

}

.pricing.pricing-error .title a {

  color: #d40746;

}

.pricing.pricing-error .price-box .icon {

  border-color: #de2a61;

  color: #de2a61;

}

.pricing.pricing-error .options li,

.pricing.pricing-error .bottom-box {

  border-color: rgba(212,7,70,.1);

  color: rgba(212,7,70,.4);

}

.pricing.pricing-error .bottom-box {

  border-top: 1px solid rgba(212,7,70,.1);

  background: rgba(212,7,70,.05);

}

.pricing.pricing-error .options li span,

.pricing.pricing-error .bottom-box .more,

.pricing.pricing-error .options li.active {

  color: #d40746;

}



/******************************************************************************

  FAQ

*******************************************************************************/

.filter-elements-wrapper {

  margin: 0 auto;

}

.filter-buttons {

  display: block;

  margin-bottom: 30px;

}

.filter-buttons .dropdown-toggle {

  background: transparent;

  border: 1px solid #e1e1e1;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  color: #1e1e1e;

  display: block;

  float: left;

  font-weight: bold;

  height: 38px;

  line-height: 38px;

  margin-right: 20px;

  padding: 0 10px 0 20px;

  -webkit-transition: opacity .2s ease-out;

  transition: opacity .2s ease-out;

}

.filter-buttons .dropdown-toggle .caret {

  margin: -2px 0 0 5px;

}

.filter-buttons .dropdown-toggle:hover {

  background: transparent;

  text-decoration: none;

  opacity: .7;

  filter: alpha(opacity=70);

  -webkit-transition: opacity .2s ease-out;

  transition: opacity .2s ease-out;

}

.filter-buttons.open .dropdown-toggle {

  background: transparent;

}

.filter-buttons .dropdown-menu {

  border: 1px solid #e1e1e1;

}

.filter-buttons .dropdown-menu .active {

  background-color: #f5f5f5;

}

.filter-buttons.white .dropdown-toggle,

.filter-buttons.white .dropdown-toggle .caret {

  color: #fff;

}



/******************************************************************************

  Portfolio

*******************************************************************************/

.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}

.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -ms-transition-property: height, width;

  -o-transition-property: height, width;

  transition-property: height, width;

}

.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  -ms-transition-property: -ms-transform, opacity;

  -o-transition-property: -o-transform, opacity;

  transition-property: transform, opacity;

}

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

  -moz-transition-duration: 0s;

  -ms-transition-duration: 0s;

  -o-transition-duration: 0s;

  transition-duration: 0s;

}

.isotope-item {

  z-index: 2;

}

.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}

.year-regulator {

  padding-top: 13px;

}

.year-regulator .label {

  color: inherit;

  display: table-cell;

  font-size: 12px;

  line-height: 14px;

  padding: 0 20px 0 0;

  text-align: left;

  vertical-align: middle;

}

.year-regulator .layout-slider {

  display: table-cell;

  width: 100%;

}

.year-regulator .layout-slider input[type="slider"] {

  visibility: hidden;

}

.portfolio .filter-elements {

  overflow: visible !important;

}

.portfolio .work {

  margin-bottom: 40px;

}

.portfolio.no-padding .work{

	margin-bottom:0px;

}

.portfolio .work i{

	margin:10px 0;

	font-size:16px;

	-webkit-border-radius: 100px;

  -moz-border-radius: 100px;

  border-radius: 100px;

  background-color:rgba(0,0,0,.5);

  width:40px;

  height:40px;

  line-height:40px;

  text-align:center;

	

}

.portfolio .work i:hover{

	color:#ffffff;

}



.work,

.work:visited {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  color: #fff;

  display: block;

  position: relative;

  text-align: center;

}

.work:hover {

  display: block;

  text-decoration: none;

}

.carousel .work {

  margin: 2px 1px;

}

.work img {

  background-color: #555;

  text-align: center;

  width: 100%;

}

.work .shadow {

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

}

.work .work-title {

	 left: 0;

	 right:0;

	position:absolute;

	top: 50%;

    transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

.work .title {

  bottom: 46px;

  font-size: 18px;

  font-weight: bold;

  line-height: 20px;

  margin: 7px;

  text-align: center;

}

.work .description {

  font-size: 13px;

  line-height: 16px;

  text-align: center;

}

.work .bg-hover {

  background: #333333;

  background: rgba(0,0,0,.8);

  bottom: 0;

  left: 0;

  opacity: 0;

  filter: alpha(opacity=0);

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: all .2s ease-out;

  transition: all .2s ease-out;

}

.work:hover {

  text-shadow: none;

}

.work .work-title {

	opacity:0;

}

.work:hover .work-title {

  vertical-align:middle;

  color: #ffffff;

  -webkit-transition: bottom .2s ease-in;

  transition: bottom .2s ease-in;

  opacity:1;

}

.home .work:hover .work-title {

  vertical-align:middle;

  color: #ffffff;

  -webkit-transition: bottom .2s ease-in;

  transition: bottom .2s ease-in;

  opacity:1;

}



.work:hover .bg-hover {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition: all .2s ease-in;

  transition: all .2s ease-in;

}

.work-single .carousel-box {

  overflow: hidden;

}



.work-single .carousel-box.load {

  max-height: 270px;

}

.work-single .title {

  font-size: 22px;

  font-weight: normal;

  margin: 0 0 5px;

}

.work-single .type {

  color: #7f7f7f;

  font-size: 14px;

  margin: 0 0 22px;

}

.portfolio-single-image-full{

	height:600px;

}



/* PORTFOLIO MASONRY */



.no-padding.grid-col-3 .grid-posts,

.no-padding.grid-col-4 .grid-posts,

.no-padding.grid-col-2 .grid-posts  {

	margin:0px 0px;

	padding:0px 0px;

}



.portfolio .carousel-indicators{

	bottom:0;

}



/* Portfolio One */

.work-one {

  color: #7f7f7f;

  max-width: 100%;

  overflow: hidden;

  border-bottom:1px solid #f2f2f2;

  padding-bottom:40px;

}

.work-one + .work-one {

  margin-top: 40px;

}

.work-one .title {

  font-size: 20px;

  font-weight: normal;

  line-height: 24px;

  margin: 0 0 7px;

}

.work-one .title a {

  color: #1e1e1e;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.work-one .title a:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.work-one .description {

  font-size: 11px;

  line-height: 14px;

  margin: 0 0 27px;

}

.work-one .work-image {

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  display: block;

  line-height: 0;

  overflow: hidden;

}

.work-one .work-image img {

  -webkit-transition: all 1s ease;

  -ms-transition: all 1s ease;

  transition: all 1s ease;

}

.work-one .work-image img:hover {

  -webkit-filter: grayscale(100%);

}

.project-meta{

		margin-bottom:15px;

}

.project-details p{

	margin-bottom:10px;

}



/******************************************************************************

  Work Process

*******************************************************************************/

.work-process-box{

	border-radius:100%;

	-moz-border-radius:100%;

	-webkit-border-radius: 100%;

	border:1px solid #cccccc;

	background-color:#f7f7f7;

	width: 250px;

    height: 250px;

	text-align:center;

	display: table;

	margin:20px auto;

}

.work-process-box .title{

	border-bottom:1px inset #333333;

	padding-bottom:10px;

	margin-bottom:15px;

}

.work-process-box .process-content{

	vertical-align:middle;

    display: table-cell;

	padding:50px;

	position:relative;

}

.work-process-box .item-number{

	position:absolute;

	color:#333333;

	padding:8px 0;

	right:20px;

	top:10px;

	content:"";

	width:40px;

	height:40px;

	border-radius:100%;

	-moz-border-radius:100%;

	-webkit-border-radius: 100%;

}



/******************************************************************************

  Gallery

*******************************************************************************/

.gallery .images-box {

  margin-bottom: 30px;

}

.gallery-images {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  display: block;

  line-height: 0;

  max-width: 100%;

  position: relative;

}

.gallery-images img {

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

}

.gallery-images .bg-images {

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: all .2s ease-out;

  transition: all .2s ease-out;

}

.gallery-images:hover > .bg-images {

  background: #fff;

  background: rgba(255,255,255,.7);

  -webkit-transition: all .2s ease-out;

  transition: all .2s ease-out;

}

.gallery-images .bg-images i {

  margin: 5px 0 0 5px;

}

.gallery-images .bg-images i:before {

  color: #fff;

  font-size: 20px;

  -webkit-transition: all .2s ease-out;

  transition: all .2s ease-out;

}

.gallery-images:hover .bg-images i:before {

  color: #000;

  font-size: 30px;

  -webkit-transition: all .2s ease-out;

  transition: all .2s ease-out;

}



/******************************************************************************

  Respond

*******************************************************************************/

.respond {

  background: none;

  border: 0 none;

}

.respond .description {

  background: #fff;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  color: #1e1e1e;

  font-style: italic;

  font-size: 90%;

  line-height: 1.4;

  margin-bottom: 10px;

  padding: 20px;

  position: relative;

}

.respond.respond-blockquote .description {

  margin-bottom: 0px;

  padding: 20px 20px 0 20px;

}

.respond.respond-blockquote.border  .description{

  margin-bottom: 10px;

  padding: 20px;

}

.description.medium{

	font-size:16px;

}

.respond.bg .description {

  background-color: #e1e1e1;

}

.respond.border .description {

  border-width: 1px;

}

.respond.bg .description:before,

.respond.border .description:before {

  border: 10px solid transparent;

  border-top-color: #e1e1e1;

  bottom: -20px;

  content: "";

  display: block;

  height: 0;

  width: 0;

  position: absolute;

}

.respond.border .description:after {

  border: 10px solid transparent;

  border-top-color: #fff;

  bottom: -18px;

  content: "";

  display: block;

  height: 0;

  width: 0;

  position: absolute;

}

.testimonials-center .respond.bg .description:before,

.testimonials-center .respond.border .description:before,

.testimonials-center .respond.border .description:after {

	left:0;

	right:0;

	margin:0px auto;

}

.testimonials-center .respond .name {

	text-align:center;

}

.testimonials-center .respond.respond-blockquote .name .icon,

.testimonials-center .respond.respond-blockquote .name .client-details{

	float:none;

	display:block;

	text-align:center;

	margin:0px auto;

}

.star-rating{

}

.client-details strong,

.client-details span{

	display:block;

}

.client-details.inline strong,

.client-details.inline span{

	display:inline-block;

}

.home-testimonials{

	margin-top:22px;

}

.respond .name {

  color: #7f7f7f;

  min-height: 22px;

  padding: 15px 5px 5px 5px;

}

.respond.white .name {

  color: #fff;

}

.respond .name .icon {

  color: #7f7f7f;

  font-size: 30px;

  margin: -5px 0 0;

}

.respond.white .name .icon {

  color: #fff;

}

.respond-carousel {

  overflow: hidden;

}

.respond-carousel .pagination {

  margin: 0;

}

.respond.respond-blockquote blockquote {

  border: none;

  margin: 0;

  padding-left: 30px;

}

.respond.respond-blockquote blockquote:before {

  content: open-quote;

  font-size: 50px;

  font-weight: bold;

  left: 16px;

  line-height: 1;

  position: absolute;

  top: 14px;

}

.respond.respond-blockquote blockquote:after {

  content: close-quote;

  display: inline-block;

  font-size: 50px;

  font-weight: bold;

  line-height: 0;

  margin: 0 0 -5px 0;

  vertical-align: bottom;

}

.respond.respond-blockquote.border blockquote:before,

.respond.respond-blockquote.border blockquote:after {

  color: #a5e573;

}

.respond.respond-blockquote .name .icon {

  float: none;

  height: 80px;

  margin: 0 10px 0 0;

  width: 80px;

}

.respond.respond-blockquote .name strong {

  font-size: 120%;

}

.respond .description.bg-info,

.respond .description.bg-primary,

.respond .description.bg-success,

.respond .description.bg-warning,

.respond .description.bg-danger {

  color: #fff;

}

.respond .description.bg-info:before,

.respond .description.border-info:before {

  border-top-color: #ffc400;

}

.respond .description.bg-primary:before,

.respond .description.border-primary:before {

  border-top-color: #037ac5;

}

.respond .description.bg-success:before,

.respond .description.border-success:before {

  border-top-color: #738d00;

}

.respond .description.bg-warning:before,

.respond .description.border-warning:before {

  border-top-color: #f89406;

}

.respond .description.bg-danger:before,

.respond .description.border-danger:before {

  border-top-color: #ffc400;

}

.respond .description.bg-white:before,

.respond .description.border-white:before {

  border-top-color: #fff;

}

.respond.border .description.border-white {

  border-color: #fff;

}



.respond.respond-blockquote.border .border-primary blockquote:before,

.respond.respond-blockquote.border .border-primary blockquote:after {

  color: #037ac5;

}

.respond.respond-blockquote.border .border-success blockquote:before,

.respond.respond-blockquote.border .border-success blockquote:after {

  color: #738d00;

}

.respond.respond-blockquote.border .border-warning blockquote:before,

.respond.respond-blockquote.border .border-warning blockquote:after {

  color: #f89406;

}

.respond.respond-blockquote.border .border-white blockquote:before,

.respond.respond-blockquote.border .border-white blockquote:after {

  color: #1e1e1e;

}



/******************************************************************************

  Chart

*******************************************************************************/

.chart {

  position: relative;

  text-align: center;

}

.jqstooltip {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

.graph  text {

  overflow: hidden !important;

}

.morris-hover {

  z-index: 700;

}



/******************************************************************************

  Livicons

*******************************************************************************/

.livicon {

  display: inline-block;

  line-height: inherit;

  vertical-align: middle;

}

.livicon svg {

  vertical-align: top;

}

.big-icon .livicon svg,

.icon .livicon svg {

  top: 25% !important;

}

.livicon.metro-bg {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  margin-bottom: 4px;

  padding: 26px 25px 26px 27px;

  overflow: hidden;

  text-align: center;

  text-decoration: none;

  white-space: nowrap;

}

.livicon.counter-bg {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  margin-bottom: 4px;

  padding: 10px;

  overflow: hidden;

  text-align: center;

  text-decoration: none;

  white-space: nowrap;

}



/******************************************************************************

  Steps

*******************************************************************************/

.steps {

  display: table;

  table-layout: fixed;

  width: 100%;

}

.steps .step {

  background: #fff;

  border: 1px solid #e1e1e1;

  display: table-cell;

  padding: 15px;

  position: relative;

  vertical-align: middle;

}

.steps .step .step-wrapper {

  position: relative;

}

.steps .step + .step {

  border-left: 0 none;

}

.steps .step:first-child {

  -webkit-border-radius: 3px 0 0 3px;

  -moz-border-radius: 3px 0 0 3px;

  border-radius: 3px 0 0 3px;

}

.steps .step:last-child {

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

}

.steps .step .step-wrapper:after,

.steps .step .step-wrapper:before {

  content: '';

  position: absolute;

  top: 0;

  right: -29px;

  border: 7px solid transparent;

  border-left-color: #e1e1e1;

  z-index: 1;

}

.steps .step .step-wrapper:before {

  border-left-color: #fff;

  right: -27px;

  z-index: 2;

}

.steps .step:last-child .step-wrapper:after,

.steps .step:last-child .step-wrapper:before {

  display: none;

}

.steps .step .bg-image {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: 50% 50%;

  bottom: 0;

  left: 0;

  opacity: .1;

  filter: alpha(opacity=10);

  position: absolute;

  right: 0;

  top: 0;

}

.steps .step .bg-image ~ * {

  position: relative;

}

.steps .step.border-warning .step-wrapper:after {

  border-left-color: #f89406;

}

.steps .step.border-error .step-wrapper:after {

  border-left-color: #ffc400;

}

.steps .step.border-info .step-wrapper:after {

  border-left-color: #0098ca;

}

.steps .step.border-success .step-wrapper:after {

  border-left-color: #738d00;

}

.steps .step.border-grey .step-wrapper:after {

  border-left-color: #777;

}

.steps .step.bg-warning .step-wrapper:before {

  border-left-color: #f89406;

}

.steps .step.bg-error .step-wrapper:before {

  border-left-color: #ffc400;

}

.steps .step.bg-info .step-wrapper:before {

  border-left-color: #0098ca;

}

.steps .step.bg-success .step-wrapper:before {

  border-left-color: #738d00;

}

.steps .step.bg-grey {

  background: #777;

}

.steps .step.bg-grey .step-wrapper:before {

  border-left-color: #777;

}

.steps.steps-apart {

  display: block;

  width: auto;

}

.steps.steps-apart .step {

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  display: block;

}

.steps.steps-apart .step:last-child .step-wrapper:after,

.steps.steps-apart .step:last-child .step-wrapper:before {

  display: block;

}

.steps.steps-apart > [class*="col-md"]:last-child > .step .step-wrapper:after ,

.steps.steps-apart > [class*="col-md"]:last-child > .step .step-wrapper:before {

  display: none;

}

.steps.progress-steps {

  display: block;

}

.steps.progress-steps .step {

  background: none !important;

  border: 1px solid #e1e1e1;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  display: block;

  margin: 0 0 40px;

  min-height: 185px;

  padding: 0;

}

.steps.progress-steps .step .step-wrapper {

  padding: 20px 20px 20px 260px;

  position: static;

}

.steps.progress-steps .step.step-right .step-wrapper {

  padding: 20px 260px 20px 20px;

}

.steps.progress-steps .step .number {

  background: #e1e1e1;

  bottom: 0;

  color: #fff;

  font-size: 150px;

  left: 0;

  line-height: 1.2;

  position: absolute;

  text-align: center;

  top: 0;

  width: 240px;

}

.steps.progress-steps .step.step-right .number {

  left: auto;

  right: 0;

}

.steps.progress-steps .step .step-wrapper:after,

.steps.progress-steps .step .step-wrapper:before,

.steps.progress-steps .step:last-child .number:after,

.steps.progress-steps .step:last-child .number:before {

  display: none;

}

.steps.progress-steps .step .number:after,

.steps.progress-steps .step .number:before {

  border: 7px solid transparent;

  border-top-color: #e1e1e1;

  bottom: -15px;

  content: '';

  left: 50%;

  margin-left: -7px;

  position: absolute;

  z-index: 1;

}

.steps.progress-steps .step .number:before {

  bottom: -13px;

  z-index: 2;

}

.steps.progress-steps .step.border-warning .number:after {

  border-top-color: #f89406;

}

.steps.progress-steps .step.border-error .number:after {

  border-top-color: #ffc400;

}

.steps.progress-steps .step.border-info .number:after {

  border-top-color: #0098ca;

}

.steps.progress-steps .step.border-success .number:after {

  border-top-color: #738d00;

}

.steps.progress-steps .step.bg-warning .number {

  background: #f89406;

}

.steps.progress-steps .step.bg-warning .number:before {

  border-top-color: #f89406;

}

.steps.progress-steps .step.bg-error .number:before {

  border-top-color: #ffc400;

}

.steps.progress-steps .step.bg-info .number {

  background: #0098ca;

}

.steps.progress-steps .step.bg-info .number:before {

  border-top-color: #0098ca;

}

.steps.progress-steps .step.bg-success .number {

  background: #738d00;

}

.steps.progress-steps .step.bg-success .number:before {

  border-top-color: #738d00;

}

.steps.progress-steps .step.border-warning .number {

  color: #f89406;

}

.steps.progress-steps .step.border-info .number {

  color: #0098ca;

}

.steps.progress-steps .step.border-success .number {

  color: #738d00;

}

.steps.progress-steps .step.bg-warning .number,

.steps.progress-steps .step.bg-error .number,

.steps.progress-steps .step.bg-info .number,

.steps.progress-steps .step.bg-success .number {

  color: #fff;

}



/******************************************************************************

  Full Width Box

*******************************************************************************/

.full-width-box {

  overflow: hidden;

  padding: 76px 0;

  position: relative;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.full-width-box.auto-width {

  margin-left: -15px;

  margin-right: -15px;

  opacity: 0;

}

.container .full-width-box {

  margin-left: -15px;

  margin-right: -15px;

}

.full-width-box.auto-width.loaded {

  margin-left: 0;

  margin-right: 0;

  opacity: 1;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.full-width-box .fwb-bg {

  background-repeat: no-repeat;

  background-position: center top;

  -webkit-background-size: cover;

  background-size: cover;

  bottom: 0;

  left: 0;

  overflow: hidden;

  position: absolute;

  right: 0;

  text-align: center;

  top: 0;

  z-index: 0;

}

.full-width-box .container,

.full-width-box .page-header {

  position: relative;

}

.full-width-box .fwb-bg .overlay {

  background: #000;

  height: 100%;

  opacity: .2;

  filter: alpha(opacity=20);

  width: 100%;

}

.full-width-box .fwb-bg .overlay-strips{

  background:url(../img/patterns/pattern.png) repeat;

  height: 100%;

  opacity: .8;

  filter: alpha(opacity=20);

  width: 100%;

}

.full-width-box .fwb-bg .overlay-boxed {

  background:url(../img/patterns/pattern2.png) repeat;

  height: 100%;

  opacity: .1;

  filter: alpha(opacity=20);

  width: 100%;

}

/* Full-width-box Fwb Paralax */

.full-width-box .fwb-fixed {

  background-attachment: fixed;

}

.touch-device .full-width-box .fwb-fixed,

.touch-device .full-width-box .fwb-paralax {

  background-attachment: scroll;

}

.full-width-box .fwb-blur {

  background-position: center top !important;

}

.full-width-box .fwb-blur .blur-box {

  bottom: 0;

  display: block !important;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  z-index: -100;

}

.full-width-box .fwb-blur .blur-box canvas {

  background-size: cover;

  background-attachment: fixed;

  max-width: inherit;

  min-width: 100%;

  min-height: 100%;

  width: auto;

  vertical-align: top;

  width: 100%;

}

.full-width-box .fwb-video {

  background-repeat: no-repeat;

  background-position: center center;

  -webkit-background-size: cover;

  background-size: cover;

}

.full-width-box .fwb-video video,

.full-width-box .fwb-video iframe,

.full-width-box .fwb-video img {

  background-attachment: fixed;

  vertical-align: top;

  position: absolute;

  right: 0;

  bottom: 0;

  max-width: inherit;

  min-width: 100%;

  min-height: 100%;

  width: auto;

  height: auto;

  z-index: 0;

}



/******************************************************************************

  Word Rotate

*******************************************************************************/

.word-rotate {

  background: #1e1e1e;

  display: inline-block;

  overflow: hidden;

  padding: 0 8px;

  text-align: center;

  vertical-align: top;

}

.word-rotate:not(.border) {

  color: #fff;

}

.word-rotate .words-box {

  display: inline-block;

  position: relative;

}

.word-rotate .words-box span {

  display: block;

  white-space: nowrap;

}

.word-rotate .words-box span + span {

  display: none;

}

.word-rotate.loaded .words-box span + span {

  display: block;

}

.word-rotate.border {

  background: none;

  border: 1px solid #1e1e1e;

}



/******************************************************************************

  Timeline

*******************************************************************************/

.timeline {

  padding: 20px 0;

  position: relative;

}

.timeline:before {

  background-color: #d2d2d2;

  background-color: rgba(0,0,0,.2);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  content: "";

  display: block;

  height: 100%;

  left: 50%;

  margin-left: -2px;

  position: absolute;

  top: 0;

  width: 4px;

}

.timeline .post {

  border: 0 none;

  margin: 0;

  padding: 0 60px 5px 0;

  width: 50%;

}

.timeline .post:last-child,

.timeline .post:nth-child(even):last-child {

  padding-bottom: 0;

}

.timeline .post .timeline-time {

  color: #999;

  left: 50%;

  margin: 45px 0 0 50px;

  position: absolute;

}

.timeline .post .timeline-icon .date{

	line-height:30px;

	font-size:13px;

}

.timeline .post .timeline-icon .date span{

	display:block;

    line-height: 20px;

	font-weight:bold;

	font-size:30px;

	font-family:Oswald,sans-serif;

}

.timeline .post .timeline-icon {

   border:2px dashed #ccc;

   background:#fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  color: #171717;

  font-size: 18px;

  height: 70px;

  left: 50%;

  line-height: 70px;

  margin: 22px 0 0 -35px;

  position: absolute;

  text-align: center;

  width: 70px;

}

.timeline .post .timeline-icon .livicon svg {

  left: 0 !important;

}

.timeline .post .timeline-content {

  background: #fff;

  border: 1px solid #ccc;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  padding: 46px;

  position: relative;

}

.timeline .post.no-padding .timeline-content {

  padding: 0;

}

.timeline .post .timeline-content p{

	margin: 15px 0 10px 0 !important;

}

.timeline .post .timeline-content .video-box:last-child,

.timeline .post .timeline-content blockquote:last-child {

  margin-bottom: 0;

}

.timeline .post .timeline-content .map-canvas {

  height: 250px;

}

.timeline .post .timeline-content .img-rounded {

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.timeline .post .timeline-content:before,

.timeline .post .timeline-content:after {

  border: 15px solid transparent;

  border-left-color: #ccc;

  content: "";

  display: block;

  position: absolute;

  right: -30px;

  top: 26px;

}

.timeline .post .timeline-content:after {

  border: 14px solid transparent;

  border-left-color: #fff;

  right: -28px;

  top: 27px;

}

.timeline .post .timeline-content .entry-title {

  font-size: 18px;

  margin: 0 0 10px;

}

.timeline .post .timeline-content .entry-content {

  margin: 0;

}

.timeline .post:nth-child(even) {

  margin-left: 50%;

  padding: 0 0 5px 60px;

}

.timeline .post:nth-child(even) .timeline-time {

  left: auto;

  margin: 48px 50px 0 0;

  right: 50%;

  text-align: right;

}

.timeline .post:nth-child(even) .timeline-content:before {

  border: 15px solid transparent;

  border-right-color: #ccc;

  left: -30px;

  right: auto;

}

.timeline .post:nth-child(even) .timeline-content:after {

  border: 14px solid transparent;

  border-right-color: #fff;

  left: -28px;

  right: auto;

}

.timeline .post .timeline-content.bg {

  background: #ccc;

}

.timeline .post:not(.no-padding) .timeline-content.bg:after {

  display: none;

}



.timeline .post .timeline-content.bg,

.timeline .post .timeline-content.bg .entry-title a,

.timeline .post .timeline-content.bg blockquote footer,

.timeline .post .timeline-content.bg blockquote small,

.timeline .post .timeline-content.bg blockquote .small {

  color: #fff;

}

.timeline .post .timeline-content.bg-danger:before,

.timeline .post .timeline-content.border-danger:before {

  border-left-color: #ffc400;

}

.timeline .post:nth-child(even) .timeline-content.bg-danger:before,

.timeline .post:nth-child(even) .timeline-content.border-danger:before {

  border: 15px solid transparent;

  border-right-color: #ffc400;

}

.timeline .post .timeline-content.bg-warning,

.timeline .post .timeline-content.border-warning {

  border-color: #f89406;

}

.timeline .post .timeline-content.bg-warning:before,

.timeline .post .timeline-content.border-warning:before {

  border-left-color: #f89406;

}

.timeline .post:nth-child(even) .timeline-content.bg-warning:before,

.timeline .post:nth-child(even) .timeline-content.border-warning:before {

  border: 15px solid transparent;

  border-right-color: #f89406;

}

.timeline .post .timeline-content.bg-info,

.timeline .post .timeline-content.border-info {

  border-color: #0098ca;

}

.timeline .post .timeline-content.bg-info:before,

.timeline .post .timeline-content.border-info:before {

  border-left-color: #0098ca;

}

.timeline .post:nth-child(even) .timeline-content.bg-info:before,

.timeline .post:nth-child(even) .timeline-content.border-info:before {

  border: 15px solid transparent;

  border-right-color: #0098ca;

}

.timeline .post .timeline-content.bg-success,

.timeline .post .timeline-content.border-success {

  border-color: #738d00;

}

.timeline .post .timeline-content.bg-success:before,

.timeline .post .timeline-content.border-success:before {

  border-left-color: #738d00;

}

.timeline .post:nth-child(even) .timeline-content.bg-success:before,

.timeline .post:nth-child(even) .timeline-content.border-success:before {

  border: 15px solid transparent;

  border-right-color: #738d00;

}

.timeline .post .timeline-content.bg-primary,

.timeline .post .timeline-content.border-primary {

  border-color: #428bca;

}

.timeline .post .timeline-content.bg-primary:before,

.timeline .post .timeline-content.border-primary:before {

  border-left-color: #428bca;

}

.timeline .post:nth-child(even) .timeline-content.bg-primary:before,

.timeline .post:nth-child(even) .timeline-content.border-primary:before {

  border: 15px solid transparent;

  border-right-color: #428bca;

}



/* Timeline With Sidebar */



  .left.timeline:before {

    left: 36px;

  }

  .left.timeline .post,

  .left.timeline .post:nth-child(even) {

    margin: 0;

    padding: 0 0 30px 100px;

    width: 100%;

  }

  .left.timeline .post .timeline-time,

  .left.timeline .post:nth-child(even) .timeline-time {

    left: 0;

    margin: 0 0 5px;

    position: relative;

    right: 0;

    text-align: left;

  }

  .left.timeline .post .timeline-icon {

    left: 0;

    margin: 22px 0 0 0;

  }

  .left.timeline .post .timeline-content:before,

  .left.timeline .post:nth-child(even) .timeline-content:before {

    border: 15px solid transparent;

    border-right-color: #ccc;

    left: -30px;

    right: auto;

  }

  .left.timeline .post .timeline-content:after,

  .left.timeline .post:nth-child(even) .timeline-content:after {

    border: 14px solid transparent;

    border-right-color: #fff;

    left: -28px;

    right: auto;

  }

  .left.timeline .post .timeline-content.bg:before,

  .left.timeline .post .timeline-content.border:before {

    border: 15px solid transparent;

    border-right-color: #ccc;

  }

  .left.timeline .post .timeline-content.bg-danger:before,

  .left.timeline .post:nth-child(even) .timeline-content.bg-danger:before,

  .left.timeline .post .timeline-content.border-danger:before,

  .left.timeline .post:nth-child(even) .timeline-content.border-danger:before {

    border-right-color: #c10841;

  }

  .left.timeline .post .timeline-content.bg-warning:before,

  .left.timeline .post:nth-child(even) .timeline-content.bg-warning:before,

  .left.timeline .post .timeline-content.border-warning:before,

  .left.timeline .post:nth-child(even) .timeline-content.border-warning:before {

    border-right-color: #f89406;

  }

  .left.timeline .post .timeline-content.bg-info:before,

  .left.timeline .post:nth-child(even) .timeline-content.bg-info:before,

  .left.timeline .post .timeline-content.border-info:before,

  .left.timeline .post:nth-child(even) .timeline-content.border-info:before {

    border-right-color: #0098ca;

  }

  .left.timeline .post .timeline-content.bg-success:before,

  .left.timeline .post:nth-child(even) .timeline-content.bg-success:before,

  .left.timeline .post .timeline-content.border-success:before,

  .left.timeline .post:nth-child(even) .timeline-content.border-success:before {

    border-right-color: #738d00;

  }

  .left.timeline .post .timeline-content.bg-primary:before,

  .left.timeline .post:nth-child(even) .timeline-content.bg-primary:before,

  .left.timeline .post .timeline-content.border-primary:before,

  .left.timeline .post:nth-child(even) .timeline-content.border-primary:before {

    border-right-color: #428bca;

  }

  .left.timeline .post .timeline-content .entry-content img {

    width: 100%;

  }

  

/******************************************************************************

  Social Feed

*******************************************************************************/

.social-feed {

  background-image: url("../img/svg/loader.svg"), none;

  background-repeat: no-repeat;

  background-position: 50% 100px;

  background-size: 40px;

}

.social-feed > * {

  opacity: 0;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.social-feed.loaded {

  background: none;

}

.social-feed.loaded > * {

  opacity: 1;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.social-feed .isotope-item {

  margin-bottom: 20px;

}

.social-feed .post {

  background: #fff;

  border: 1px solid #ccc;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  margin: 0;

  padding: 19px;

}

.social-feed .add-post {

  background: none;

  border: 0 none;

  padding: 0;

}

.social-feed .add-post .nav-tabs {

  border: 0 none;

}

.social-feed .add-post .nav-tabs > li > a {

  -webkit-border-radius: 3px 3px 0 0;

  -moz-border-radius: 3px 3px 0 0;

  border-radius: 3px 3px 0 0;

  padding: 6px 10px 7px;

}

.social-feed .add-post .nav-tabs > li > a .fa {

  color: #7f7f7f;

}

.social-feed .add-post .nav-tabs > li.active > a,

.social-feed .add-post .nav-tabs > li.active > a:hover,

.social-feed .add-post .nav-tabs > li.active > a:focus {

  font-weight: normal;

}

.social-feed .add-post .nav-tabs > li.active > a .fa {

  color: #555;

}

.social-feed .add-post .tab-content {

  background: #fff;

  border: 1px solid #ddd;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  padding: 20px;

}

.social-feed .add-post .tab-content .tab-pane {

  padding: 0;

}

.social-feed .add-post .tab-content .tab-pane form {

  margin: 0;

}

.social-feed .add-post .tab-pane input {

  margin-bottom: 22px;

}

.social-feed .author-info .avatar {

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  float: left;

  height: 50px;

  margin: 0 20px 0 0;

  overflow: hidden;

  width: 50px;

}

.social-feed .author-info .user-name {

  font-size: 16px;

}

.social-feed .author-info .user-name a {

  color: #1e1e1e;

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.social-feed .author-info .user-name a:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.social-feed .author-info time {

  color: #7f7f7f;

  font-style: italic;

}

.social-feed .preview {

  margin: 0 -20px 20px;

  text-align: center;

}

.social-feed .preview img {

  display: block;

  margin: 0 auto;

}

.social-feed .buttons {

  margin-bottom: 20px;

  text-align: right;

}

.social-feed .buttons .btn {

  background: none;

  border: 1px solid rgba(0,0,0,.5);

  color: rgba(0,0,0,.5);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.social-feed .buttons .btn:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.social-feed .comments {

  background: rgba(0,0,0,.1);

  margin: 0 -20px -20px;

  padding: 20px;

}

.social-feed .comments .comment {

  margin: 0 0 25px;

}

.social-feed .comments .comment .avatar {

   -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  float: left;

  height: 40px;

  margin: 0 10px 5px 0;

  overflow: hidden;

  width: 40px;

}

.social-feed .comments .comment .author-details {

  margin-bottom: 5px;

}

.social-feed .comments .comment .user-name a {

  color: #1e1e1e;

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.social-feed .comments .comment .user-name a:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.social-feed .comments .comment time {

  color: #7f7f7f;

  font-size: 12px;

  font-style: italic;

}

.social-feed .comments .form {

  margin: 0;

}

.social-feed .comments .form .form-control {

  height: 62px;

  margin: 0;

}

.social-feed .comments .form textarea {

  resize: none;

}

.social-feed .post.bg {

  background: #ccc;

  color: #fff;

}

.social-feed .post.bg-warning {

  border-color: #f89406;

}

.social-feed .post.bg-info {

  border-color: #0098ca;

}

.social-feed .post.bg-success {

  border-color: #738d00;

}

.social-feed .post.bg-primary {

  border-color: #428bca;

}

.social-feed .author-info {

  margin-bottom: 15px;

}

.social-feed .post.number {

  padding-left: 40px;

  padding-right: 40px;

  position: relative;

  text-align: center;

}

.social-feed .post.number .post-icon {

  font-size: 24px;

  left: 10px;

  opacity: .8;

  filter: alpha(opacity=80);

  position: absolute;

  top: 10px;

}

.social-feed .post.number .social-data {

  display: inline-block;

  font-style: italic;

  line-height: 1;

  vertical-align: middle;

}

.social-feed .post.number .social-data .count {

  font-size: 60px;

  font-style: normal;

}

.social-feed .bg .author-info .user-name a,

.social-feed .bg .comments .comment .user-name a {

  color: #fff;

}

.social-feed .bg .author-info time,

.social-feed .bg .comments .comment time {

  color: rgba(255,255,255,.8);

}

.social-feed .bg .buttons .btn {

  background: #fff;

  border-color: #fff;

  color: #1e1e1e;

} 

.social-feed .bg-warning .buttons .btn {

  color: #f89406;

}

.social-feed .bg-info .buttons .btn {

  color: #0098ca;

}

.social-feed .bg-success .buttons .btn {

  color: #738d00;

}

.social-feed .bg-primary .buttons .btn {

  color: #428bca;

}

.social-feed .post.number.twitter {

  background: #00aced;

  border-color: #00aced;

}

.social-feed .post.number.facebook {

  background: #3B5998;

  border-color: #3B5998;

}

.social-feed .post.number.google {

  background: #dd4b39;

  border-color: #dd4b39;

}

.social-feed .post.number.pinterest {

  background: #cb2027;

  border-color: #cb2027;

}

.social-feed .post.number.linkedin {

  background: #007bb6;

  border-color: #007bb6;

}

.social-feed .post.number.youtube {

  background: #bb0000;

  border-color: #bb0000;

}



/******************************************************************************

  Twitter Feeds

*******************************************************************************/



.twitter-feed {

	text-align:center;

	padding-bottom:15px;

}



.tweet {

	padding:12px 0px 0px;

}

.twitter-feed i {

	border-radius:50%;

	-moz-border-radius:50%;

	-webkit-border-radius:50%;

	-o-border-radius:50%;

	-ms-border-radius:50%;

	color:#FFFFFF;

	font-size:20px;

	height:50px;

	width:50px;

	line-height:50px;

	border:2px solid #fff;

}

.twitter-feed .owl-pagination,

.twitter-feed .owl-buttons,

.twitter-feed .icon-twitter,

.twitter-feed .username {

	display:none;

}

.twitter-feed .tweet_text{

	color:#FFFFFF;

	font-size:20px;

}

.twitter-feed .tweet_time a{

	font-style: italic;

	font-size:17px;

}

.twitter-feed .tweet_user a,

.tweet_text a{

	text-decoration:underline;

}

.twitter-feed .tweet_user a,

.tweet_text a,

.twitter-feed .tweet_text{

		color: #FFFFFF;

}



/******************************************************************************

  Blur Pages

*******************************************************************************/

.blur-page {

  background-image: url("../img/svg/loader.svg"), none;

  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: 40px;

}

.blur-page .page-box {

  opacity: 0;

}

.blur-page .blur-box {

  background-repeat: no-repeat;

  background-position: center top;

  -webkit-background-size: cover;

  background-size: cover;

  bottom: 0;

  display: block !important;

  left: 0;

  opacity: 0;

  position: fixed;

  right: 0;

  top: 0;

  text-align: center;

  z-index: -1;

}

.blur-page.blur-load {

  background-image: inherit;

  -webkit-transition: background-image .2s linear;

  transition: background-image .2s linear;

}

.blur-page.blur-load .page-box,

.blur-page.blur-load .blur-box {

  opacity: 1;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.blur-page.blur-load .blur-box {

  -webkit-transition: opacity .4s linear;

  transition: opacity .4s linear;

}

.blur-page .blur-box img,

.blur-page .blur-box canvas {

  -webkit-background-size: cover;

  background-size: cover;

  left: 0;

  max-width: inherit;

  min-width: 100%;

  min-height: 100%;

  position: fixed;

  top: 0;

  vertical-align: top;

  width: auto;

  z-index: 0;

}

.blur-page .blur-box img {

  visibility: hidden;

}







/******************************************************************************

  404

*******************************************************************************/

.box-404 {

  -webkit-border-radius: 177px;

  -moz-border-radius: 177px;

  border-radius: 177px;

  font-weight: normal;

  height: 274px;

  margin: 0 auto;

  padding: 92px 0 0;

  text-align: center;

  width: 354px;

}

.box-404 h1 {

  font-size: 150px;

  font-weight: normal;

  line-height: 0.9;

  margin: 0;

}

.box-404 h2 {

  color: #7f7f7f;

  font-size: 18px;

  font-weight: normal;

  line-height: 1;

  margin: 0;

}

.page-404-promo .page-box {

  background: #2b8cd6;

  background: rgba(43,140,214,.9);

  display: table;

  height: 100% !important;

  width: 100%;

}

.page-404-promo #main {

  display: table-cell;

  padding: 20px 0;

  vertical-align: middle;

}

.page-404-promo #main .title {

  border-bottom: 1px solid #fff;

  border-bottom: 1px solid rgba(255,255,255,.3);

  color: #fff;

  padding: 0 10px;

  text-align: center;

}

.page-404-promo #main .title h1 {

  display: inline-block;

  font-size: 200px;

  font-weight: normal;

  line-height: 1;

  margin: 0;

  position: relative;

}

.page-404-promo #main .title h1:before {

  background: #fff;

  bottom: 0;

  content: "";

  display: block;

  height: 1px;

  left: 0;

  position: absolute;

  right: 0;

}

.page-404-promo #main .content {

  color: #fff;

  padding: 35px 10px 0;

  text-align: center;

}

.page-404-promo #main .content h2 {

  font-size: 24px;

  font-weight: normal;

  margin-bottom: 38px;

}

.page-404-promo #main .content .back-home {

  color: #2b8cd6;

  font-size: 18px;

  padding-right: 30px;

  padding-left: 20px;

}

.page-404-promo #main .content .back-home .fa {

  font-size: 22px;

  margin-right: 8px;

}



/******************************************************************************

  One Page

*******************************************************************************/

.one-page #main,

.home #main {

  padding-top: 0;

  padding-bottom: 0;

}

.one-page .page-header {

  margin-bottom: 40px;

}





/*--------------- SIDE NAVIGATION MENU--------------*/

.side-nav  #main{

	padding:0;

}

.side-nav header nav{

	left:0;

	right:0;

	top:0;

	position:absolute;

}

.side-nav header .navbar-default {

    background:none;

    border:none;

	position:absolute;

	z-index:99;

	top:25px;

}

#navigation-menu{

	line-height:2;

	color:#171717;

}

.side-nav header .navbar-nav{

	float: right !important;

    margin-right: -15px

}

.side-nav header .navbar-default .navbar-nav > li > a{

	font-size:45px;

	padding:0;

}

.side-nav header .nav-fixed {

    margin: auto;

    position: fixed;

    right: 0;

    top: 0;	

}

.side-nav header .nav-fixed > li {

	float: right;

}

.side-nav header  #sticky.nav-fixed a {

    background:rgba(0, 0, 0, 0.8);

    height: 100px;

    line-height: 100px;

    text-align: center;

    width: 100px;

}

/*------------MENU------------*/

.side-nav header  #wrapper .toggle-menu{

	background:#000;

	width:50%;

	height:100%;

	position: fixed;

	overflow-y: auto;

	right:-50%;

	top:0;

	z-index:99;	

}

.side-nav header #wrapper .close-menu{

	float:right;

	font-size:50px;

	height:100px;

	width:100px;

	line-height: 100px;

    text-align: center;

	display:block;

}

.side-nav header   #wrapper .nav{

	padding:130px 0 0 77px;	

}

.side-nav header .nav > li > .sub{

	padding:0 0 0 40px;

}

.side-nav header .nav > li > a,

.side-nav header .nav > li > .sub a{

	color:#ccc;

	font-size:17px;

	text-transform:uppercase;

	font-weight:600;

	letter-spacing: 2px;

	padding: 10px 22px;

	text-decoration:none;

}

.side-nav header .nav > li > .sub a{

	line-height:3;

}

.side-nav header #wrapper .close-menu a,

.side-nav header #navigation-close.close-menu:hover{	

	color:#171717;

}

.side-nav header .nav > li > a:hover, .nav > li > a:focus{

	background:transparent;

}

.side-nav header .nav > li.active{

	position:relative;

}

.side-nav header .nav > li.active:before{

	height:20px;

	content:"";

	width:77px;

	left:-77px;

	position:absolute;

	top: 50%;

    transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

/*---STICKY----*/

.side-nav header  .sticky-wrapper.is-sticky .nav {

    background: none repeat scroll 0 0 black;

    padding: 15px 20px;

    right: 15px;

}



/******************************************************************************

  Other Pages

*******************************************************************************/

.body-bg-img {

  background: url("../img/content/coming-soon.jpg") 50% 0 no-repeat;

}

.body-bg-img.under-construction {

  background: url("../img/content/under-construction.jpg") 50% 0 no-repeat;

}

.body-bg-img .page-box {

  display: table;

  height: 100% !important;

  width: 100%;

}

.body-bg-img .header-three {

  min-height: 1px;

  position: absolute;

  width: 100%;

  border-bottom:1px solid #f2f2f2;

}

.body-bg-img #main {

  

  display: table-cell;

  padding: 119px 0 192px;

  vertical-align: middle;

}

.services .service,

.services .features-block {

  margin-bottom: 40px;

}

.services-box-three-left {

  margin-bottom: 40px;

  padding: 20px;

}

.count-down-box {

text-align:center;

}

#count-down {

  text-align: center;

  width: auto!important;

  margin-bottom:50px;

}

#count-down .county-days-wrapper,

#count-down .county-hours-wrapper,

#count-down .county-minutes-wrapper,

#count-down .county-seconds-wrapper {

  display: inline-block;

  margin-left: 2px;

  margin-right: 2px;

  overflow: hidden;

  position: relative;

  text-align: center;

  width: 14%!important;  

  background-color:#f2f2f2;

}

#count-down .county-hours-wrapper {

}

#count-down .county-minutes-wrapper {

}

#count-down .county-seconds-wrapper {

}

#count-down .county-days,

#count-down .county-hours,

#count-down .county-minutes,

#count-down .county-seconds {

  font-size: 60px;

  font-weight:bold;

  color: #1e1e1e;

  display: inline-block!important;

  opacity: 1 !important;

  font-family:Oswald,sans-serif;

}

#count-down .county-label-days,

#count-down .county-label-hours,

#count-down .county-label-minutes,

#count-down .county-label-seconds {

  margin-left: 2px;

  margin-right: 2px;

  padding-top: 10px;

  font-size: 18px;

  display: inline-block;

  text-align: center;

  width: 14% !important;

}

.coming-text {

  margin-top: -4px;

}

.coming-text form {

  position: relative;

}

.coming-text .success {

  bottom: 100%;

  margin-bottom: 5px;

  position: absolute;

}

.coming-text .form-control {

  padding-right: 100px;

}

.coming-text .btn {

  position: absolute;

  right: 0;

  top: 0;

  width: 90px;

}

.under-contact .phone,

.under-contact .address {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0 0 0 34px;

  position: relative;

}

.under-contact .footer-icon {

  color: #000;

  left: 16px;

  position: absolute;

  top: 0;

}

.under-contact .footer-icon:before {

  font-size: 20px;

  line-height: 18px;

  width: auto;

}

.list-images > .col-md-4 {

  margin-bottom: 30px;

}



/******************************************************************************

  Get a Quote

*******************************************************************************/



.get-a-quote{

	padding:30px 0;

	font-size:34px;

	font-weight:300;	

    font-family:Oswald,sans-serif;

}

.get-a-quote a{

	font-weight:500;

	text-decoration:underline;

}

.get-a-quote a.black:hover{

	color:#111111;

}

.get-a-quote a.white:hover{

	color:#ffffff;

}

.get-a-quote:hover a{

	padding-left:10px;

}





/******************************************************************************

  SHOP

*******************************************************************************/

/* Product View */

.zoomWindow {

  background-color: #f7f7f7;

  border: 1px solid #ccc;

  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);

  -moz-box-shadow: 0 0 5px rgba(0,0,0,.15);

  box-shadow: 0 0 5px rgba(0,0,0,.15);

}

.zoomContainer {

  height: auto !important;

}

.product-page .image-box {

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  overflow: hidden;

  position: relative;

  border:1px solid rgba(0, 0, 0, 0.1);

}

.product-page .product-meta-details{

	border-top:1px solid rgba(0, 0, 0, 0.1);

	padding-top:15px;

	font-size:14px;

}

.product-page .image-box .general-img {

  background: #f7f7f7;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  overflow: hidden;

}

.product-page .image-box .thumblist-box {

  margin: 30px 0 0;

  max-height: 80px;

  overflow: hidden;

  padding: 0 54px;

  position: relative;

  border:1px solid rgba(0, 0, 0, 0.1);

 }

.product-page .image-box .thumblist-box.load {

  opacity: 0;

}

.product-page .image-box .thumblist-box .prev,

.product-page .image-box .thumblist-box .next {

  background-color:#f7f7f7;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  color: #1e1e1e;

  display: block;

  float: right;

  height: 100%;

  line-height: 100%;

  left: 0;

  margin: 0;

  position: absolute;

  text-align: center;

  top: 0%;

  text-decoration: none;

  width: 40px;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.product-page .image-box .thumblist-box .prev i,

.product-page .image-box .thumblist-box .next i {

	margin-top:85%;

}

.product-page .image-box .thumblist-box .next {

  left: auto;

  right: 0;

}

.product-page .image-box .thumblist-box .prev *,

.product-page .image-box .thumblist-box .next * {

  vertical-align: middle;

}

.product-page .image-box .thumblist-box .prev:hover,

.product-page .image-box .thumblist-box .next:hover {

  background-color: #000;

  color: #efefef;

  text-decoration: none;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.product-page .image-box .thumblist-box .prev polygon,

.product-page .image-box .thumblist-box .next:hover polygon {

  fill: #efefef;

}

.product-page .image-box #thumblist a {

  display: block;

  float: left;

  height: 80px;

  margin: 0 9px;

  width: 100px;

  margin-right:0px !important;

  text-align:center;

}

.product-page .image-box #thumblist a img {

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  -webkit-transition: opacity 0.2s linear;

  transition: opacity 0.2s linear;

}

.product-page .image-box #thumblist a:hover img {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity 0.2s linear;

  transition: opacity 0.2s linear;

}



.product-page .reviews-box {

  margin: 15px 0 15px;

}

.product-page .description {

  color: #7f7f7f;

  margin-bottom:20px;

}

.product-page .price-box {

  border-bottom-width: 1px;

  font-size: 30px;

  line-height: 1;

  margin: 0 0 15px;

  padding: 0 0 15px;

}

.product-page .price-box .price{	

  font-family:Oswald,sans-serif;

}

.product-page .price-box .price-old {

  font-size: 15px;

}

.price-box h3{

	display:inline-block;

	position:relative;

	padding-right:40px;	

	margin-right:10px;

	margin-bottom:0px;

}

.price-box h3:after{

	content: "\f07e";

	display: block;

	font-size:16px;

	font-family: FontAwesome;

	right: 0;

	position: absolute;

	top: 15px;

}

.price-box .emergence .price {

  display: none;

}

.price-box .emergence .emergence-price {

  color: #7f7f7f;

  font-size: 12px;

  vertical-align: middle;

}

.price-box .price-label {

  font-size: 14px;

  font-weight: bold;

  margin: 0 0 14px;

}

.product-page .add-cart-form {

  margin: 0;

}

.product-page .add-cart-form .add-cart {

  font-weight: bold;

  margin: 0 17px 40px 0;

  min-width: 290px;

  text-transform: uppercase;

}

.product-page .add-cart-form .number {

  display: inline-block;

  margin-bottom: 40px;

  vertical-align: top;

}

.product-page .add-cart-form .number label {

  color: #7f7f7f;

  font-weight: normal;

  line-height: 54px;

  margin: 0 7px 0 0;

  vertical-align: top;

}

.product-page .add-cart-form .number input {

  color: #7f7f7f;

  display: inline-block;

  height: 54px;

  padding: 15px 12px;

  text-align: center;

  vertical-align: top;

  width: 80px;

}

.product-page .add-cart-form .form-control{

	border-radius:0px;

	box-shadow:none;

}

.product-page .add-cart-form .number .regulator {

  display: inline-block;

  vertical-align: top;

}

.product-page .add-cart-form .number .regulator a {

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  display: block;

  color:#1e1e1e;

  height: 54px;

  padding: 15px 12px;

  -webkit-transition: background-color .2s linear;

  transition: background-color .2s linear;

  border:1px solid #e1e1e1;

}

.product-page .add-cart-form .number .regulator a:hover {

  background-color: #1e1e1e;

  background-color: rgba(30,30,30,.5);

  -webkit-transition: background-color .2s linear;

  transition: background-color .2s linear;

}

.product-page .availability-sku {

  font-size: 12px;

  line-height: 20px;

  margin: 0 0 36px;

}

.product-page .availability-sku .availability span {

  color: #2ca073;

}

.product-page .product-options-border {

  border-top: 1px solid #1e1e1e;

  padding: 40px 0 0;

}

.product-page .product-options {

  font-size: 12px;

  line-height: 20px;

}

.product-page .product-options .selectBox,

.product-page .product-options .select {

  margin: 0 0 10px;

}

.product-page .product-options .selectBox:last-child ,

.product-page .product-options .select:last-child {

  margin: 0;

}

.product-page .product-options-table table {

  margin: 0 0 35px;

}

.product-page .product-options-table table th,

.product-page .product-options-table table td {

  line-height: 20px;

  padding: 16px 25px 13px;

  text-align: left;

  vertical-align: middle;

}

.product-page .product-options-table table .price {

  text-align: right;

  width: 150px;

}

.product-page .product-options-table table td.price {

  font-size: 16px;

}

.product-page .product-options-table table .qty {

  text-align: right;

  width: 70px;

}

.product-page .product-options-table table td.qty {

  padding: 5px 25px;

}

.product-page .product-options-table table .qty input {

  margin: 0;

  width: 50px;

}

.product-page .product-options-samples {

  font-size: 12px;

  line-height: 20px;

  margin: 0 0 30px;

}

.product-page .product-options-samples .title {

  display: block;

  font-size: 14px;

  line-height: 1;

  margin: 0 0 14px;

}

.product-page .product-options-samples label {

  line-height: 20px;

  margin: 0;

}

.product-page .product-options-samples label .new-checkbox {

  margin-top: 1px;

}

.product-page .product-options-samples .required-box {

  font-size: 11px;

  line-height: 1;

  text-align: right;

}

.product-page .product-options-samples .required {

  font-size: 11px;

  line-height: 1;

}

.product-page .product-price-configured {

  font-size: 12px;

  line-height: 16px;

  padding-bottom: 30px;

}

.product-page .col-md-7 .actions {

  margin: 0 0 40px;

}

.product-page .col-md-7 .actions a {

  background: #f2f2f2;

  display: inline-block;

  height: 54px;

  margin: 0 -2px;

  padding-top: 19px;

  text-align: center;

  text-decoration: none;

  width: 54px;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.product-page .col-md-7 .actions a + a {

  border-left-width: 1px;

}

.product-page .col-md-7 .actions .add-wishlist {

  -webkit-border-radius: 3px 0 0 3px;

  -moz-border-radius: 3px 0 0 3px;

  border-radius: 3px 0 0 3px;

}

.product-page .col-md-7 .actions .add-compare {

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

}

.product-page .col-md-7 .actions a:hover {

  background: #1e1e1e;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.product-page .col-md-7 .actions a path {

  fill: #1e1e1e;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.product-page .col-md-7 .actions a:hover path {

  fill: #fff;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.product-bottom {

  padding: 40px 0 0;

  overflow: hidden;

}

.product-options-detail {

  background: #f2f2f2;

  font-size: 12px;

  line-height: 20px;

  padding: 27px 30px 30px;

}

.product-options-detail .detail-box {

  margin: 0 0 25px;

}

.product-options-detail .pull-right.required {

  font-size: 11px;

  line-height: 18px;

}

.product-options-detail .title {

  display: block;

  font-size: 14px;

  line-height: 20px;

  margin: 0 0 11px;

}

.product-options-detail .checkbox,

.product-options-detail .radio {

  line-height: 20px;

  margin: 0;

}

.product-options-detail .checkbox .new-checkbox,

.product-options-detail .radio .new-radio {

  margin-top: 0;

}

.product-options-detail .qty {

  margin: 15px 0 0;

}

.product-options-detail .qty label {

  float: left;

  font-size: 12px;

  line-height: 40px;

  margin: 0 12px 0 0;

}

.product-options-detail .qty input {

  margin: 0;

  width: 48px;

}

.product-options-detail .price {

  font-size: 48px;

  line-height: 1;

}

.product-options-detail .add-cart {

  float: right;

  font-weight: bold;

  margin: -14px 17px 0 0;

  min-width: 290px;

  text-transform: uppercase;

}

.product-page .product-tab {

  margin: 80px 0;

}

.product-page .product-tab .tab-pane {

  padding: 36px 0 0;

}

.product-page .product-tab .tab-pane .title {

  margin: 0 0 18px;

}



/* Related Products */

.product-bottom .related-products .select-all {

  margin: -4px 0 13px;

}

.product-bottom .related-products ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.product-bottom .related-products li {

  padding: 24px 0;

}

.product-bottom .related-products li + li {

  border-top-width: 1px;

}

.product-bottom .related-products li .product-image {

  border: 1px solid #f5f5f5;

  background: #f7f7f7;

  float: left;

  height: 64px;

  margin: 0 15px 1px 0; 

  padding: 2px;

  width: 64px;

}

.product-bottom .related-products li .product-name {

  font-size: 12px;

  font-weight: normal;

  line-height: 20px;

  margin: 0 0 4px;

}

.product-bottom .related-products li .price-box {

  font-size: 16px;

  line-height: 22px;

}

.product-bottom .related-products li .button-box {

  margin: 10px 0 0;

  overflow: hidden;

  text-align: right;

}

.product-bottom .related-products li .button-box label,

.product-bottom .related-products li .button-box .wishlist {

  color: #ccc;

  float: right;

  margin: 0 0 0 10px;

}

.product-bottom .related-products li .button-box .new-checkbox {

  margin-top: 0;

}

.product-bottom .related-products li .button-box .wishlist svg path {

  fill: #ccc;

  -webkit-transition: fill .2s linear;

  transition: fill .2s linear;

}

.product-bottom .related-products li .button-box .wishlist:hover svg path {

  fill: #1e1e1e;

  -webkit-transition: fill .2s linear;

  transition: fill .2s linear;

}

.commentlist {

  list-style: none;

  margin: 0;

  padding: 0 0 33px;

}

.commentlist li {

  padding:0 0 25px;

}

.commentlist li + li {

  border-top-width: 1px;

  padding: 25px 0 0;

}

.commentlist .meta {

  color: #7f7f7f;

  font-size: 11px;

  line-height: 18px;

  margin: 0 0 4px;

}

.evaluation-box {

  overflow: hidden;

}

.evaluation {

  float: left;

  height: 15px;

  font-size: 12px;

  line-height: 15px;

  margin: 0 10px 14px 0;

}

.evaluation + .evaluation {

  border-left-width: 1px;

  padding-left: 10px;

}

.evaluation .rating-box {

  display: inline-block;

  margin: 0 0 0 7px;

}

.evaluation .add-rating {

  float: left;

  margin: 0 0 0 10px;

  overflow: hidden;

}

.evaluation .add-rating label {

  float: left;

  height: 30px;

  margin: 0 1px;

  padding: 0 0 0 14px;

  position: relative;

  width: 2px;

}

.evaluation .add-rating label .new-radio {

  margin: 0px 0 0 -14px;

}

.evaluation .add-rating label .number {

  bottom: 0;

  color: #7f7f7f;

  font-size: 11px;

  line-height: 1;

  left: 3px;

  position: absolute;

}

.comments-form .evaluation-box .evaluation {

  margin-bottom: 30px;

}

.comments-form .row label {

  font-weight: bold;

  margin: 0 0 4px;

}

.comments-form .row textarea {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  height: 128px;

  margin: 0 0 10px;

  width: 100%;

}

.comments-form .row i {

  color: #999;

  font-size: 12px;

}

.comments-form .row .btn {

  margin: 34px 0 0 0;

}



/******************************************************************************

  Login Page

*******************************************************************************/

#main.login-register {

  overflow: hidden;

  padding-bottom: 40px;

}

.form-box.forgot-form {

  margin-bottom: 0;

}

.info-box {

  margin-bottom: 40px;

  padding: 27px 0 0;

}

.info-box .title,

.form-box .title {

  font-weight: normal;

  margin: 0 0 17px;

}

.info-box .descriptions,

.form-box .descriptions {

  margin: 0 0 26px;

}

.form-box {

  background: #f2f2f2;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  margin: 0 0 40px 0;

  padding: 27px 30px 25px;

}

.form-box .checkbox {

  font-size: 12px;

  margin: 0px 0 28px;

}

.form-box .checkbox .new-checkbox {

  margin-top: 0;

}

.form-box .buttons-box {

  font-size: 11px;

  line-height: 1.5;

}

.form-box .buttons-box .btn {

  margin: 3px 8px 5px 0;

}

.form-box .buttons-box .required {

  font-size: 11px;

  margin: 3px 8px 5px 0;

}

.buttons-box .required {

  font-size: 11px;

}

.form-box .buttons-box .forgot {

  display: inline-block;

  margin: 3px 8px 5px 0;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.form-box .buttons-box .forgot:hover {

  text-decoration: none;

  opacity: 0.8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.form-box .form-group {

  position: relative;

}

.form-box .help-block {

  bottom: -20px;

  margin: 0;

  position: absolute;

}



/******************************************************************************

  Login Page 2

*******************************************************************************/

.page-login-promo .page-box {

  display: table;

  height: 100% !important;

  width: 100%;

}

.page-login-promo .header {

  min-height: 1px;

  position: absolute;

  width: 100%;

}

.page-login-promo #main {

  display: table-cell;

  padding: 134px 0 30px;

  vertical-align: middle;

}

.page-login-promo .form-box {

  margin: 0;

}

.page-login-promo .form-box .title small {

  color: #c1c1c2;

  font-size: 24px;

}

.page-login-promo .form-box .title a {

  color: #c1c1c2;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.page-login-promo .form-box .title a:hover {

  text-decoration: none;

  opacity: 0.8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.page-login-promo .form-box form {

  margin: 0;

}

.page-login-promo .rotation {

  position: relative;

}

.page-login-promo .front-end,

.page-login-promo .back-end {

  display: table;

  table-layout: fixed;

  width: 100%;

}

.page-login-promo .form-content {

  display: table-cell;

  vertical-align: middle;

  width: 100%;

}

.page-login-promo .back-end {

  left: 0;

  position: absolute;

  top: 0;

}



/******************************************************************************

  Shopping Cart

*******************************************************************************/

.shop .product-item{

	border:1px solid rgba(0, 0, 0, 0.1);

	position:relative;

	z-index:0;	

	max-width:300px;

	margin:0px auto 30px;

	text-align:center;

}

.shop.grid-3 .product-item,

.shop.grid-2 .product-item{

	max-width:400px;

}

.shop .product-item:hover img{

	opacity:.6;

}

.shop .product-img{

	z-index:-1;	

	position:relative;

}

.shop .product-details{

	background-color:#f7f7f7;

	padding-top:5px;

	padding-bottom:5px;

	border-top:1px solid rgba(0, 0, 0, 0.1);

}

.shop .product-details h4,

.shop .product-details h5{

	margin-bottom:0px;

	margin-top:0px;

	padding-top:2px;

	padding-bottom:2px;

}

.shop .product-details h5{

	font-size:18px;

	font-weight:400;

}

.shop .product-details h5 del{

	padding-right:10px;

	color:#1e1e1e;

	font-size:16px;

}

.shop .product-overlay{

	opacity:0;

	position:absolute;

	left:0;

	right:0;

	bottom:0; 

	margin:0px auto;	

	border-top:1px solid rgba(0, 0, 0, 0.1);

	z-index:9999;

}

.shop .product-overlay div{	

	background-color:#f7f7f7;

	display: block;

    float: left;

	width:50%;

	padding:10px;

	color:#1e1e1e;

	margin:0px;

}

.shop .product-overlay div:hover{

	background-color:#1e1e1e;

}

.shop .product-overlay .add-to-cart{

	border-right:1px solid rgba(0, 0, 0, 0.1);	

}

.shop .product-overlay a{

	color:#1e1e1e;

	text-decoration:none;

}

.shop .product-overlay div:hover a{

	color:#ffffff;

}

.shop .product-overlay a{

	color:#1e1e1e;

}

.shop .product-item:hover .product-overlay{

	opacity:1;

}

.shopping-cart-table.table {

  border-bottom-width: 0;

  margin: 0;

}

.shopping-cart-table.table thead th {

  padding: 16px 30px 12px;

  text-align: left;

  vertical-align: top;

}

.shopping-cart-table.table tbody td {

  font-size: 12px;

  line-height: 20px;

  padding: 30px;

}

.shopping-cart-table.table .td-images {

  width: 131px;

}

.shopping-cart-table.table .product-image {

  background: #f2f2f2;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  display: block;

  width: 70px;

}

.shopping-cart-table.table .td-name {

  text-align: left;

}

.shopping-cart-table.table .td-name .product-name {

  font-size: 12px;

  font-weight: normal;

  line-height: 20px;

}

.shopping-cart-table.table .td-edit {

  padding-left: 20px;

  padding-right: 20px;

  width: 92px;

}

.shopping-cart-table.table .td-price {

  padding-left: 20px;

  padding-right: 20px;

  text-align: center;

  width: 112px;

}

.shopping-cart-table.table .td-qty {

  min-width: 48px;

  padding-left: 25px;

  padding-right: 25px;

  text-align: center;

  width: 100px;

}

.shopping-cart-table.table td.td-qty {

  padding-top: 19px;

}

.shopping-cart-table.table .td-qty input {

  margin: 0;

  min-width: 40px;

  text-align: center;

}

.shopping-cart-table.table .td-total {

  padding-left: 20px;

  padding-right: 20px;

  text-align: center;

  width: 102px;

}

.shopping-cart-table.table .td-remove {

  padding-left: 20px;

  padding-right: 20px;

  text-align: center;

  width: 60px;

}

.shopping-cart-table-button.table {

  border-bottom-width: 1px;

  border-right-width: 0;

  margin: 0 0 40px;

}

.shopping-cart-table-button.table tbody td {

  border-left-width: 0;

  border-top-width: 0;

  height: 49px;

  padding: 0;

  text-align: left;

  vertical-align: middle;

}

.shopping-cart-table-button.table a {

  line-height: 22px;

}

.shopping-cart-table-button.table a i {

  font-size: 17px;

  line-height: 20px;

  vertical-align: top;

}

.shopping-cart-table-button.table .update {

  float: right;

}

.shopping-cart-table-button.table .update i {

  font-size: 12px;

}

#car-bottom {

  margin-bottom: 40px;

}

#car-bottom .car-bottom-box {

  font-size: 12px;

  line-height: 18px;

  margin: 0 auto 40px;

  max-width: 350px;

  padding: 27px 30px 30px;

}

#car-bottom .car-bottom-box h5 {

  margin: 0 0 17px;

}

#car-bottom .car-bottom-box p {

  line-height: 18px;

  margin: 0 0 18px;

}

#car-bottom .car-bottom-box label {

  line-height: 20px;

}

#car-bottom .car-bottom-box .btn {

  margin: 8px 0 0;

}

#car-bottom .total {

  padding-bottom: 26px;

  text-align: right;

}

#car-bottom .total table {

  margin: 0 0 32px auto;

}

#car-bottom .total table td {

  font-size: 13px;

  height: 35px;

  line-height: 24px;

  padding: 0 0 0 5px;

  vertical-align: top;

}

#car-bottom .total table .price {

  font-size: 18px;

}

#car-bottom .total table .tr-total td {

  font-size: 18px;

  line-height: 30px;

}

#car-bottom .total table .tr-total td:first-child {

  padding-right: 12px;

}

#car-bottom .total table .tr-total .price {

  font-size: 30px;

}

#car-bottom .total .checkout {

  font-weight: bold;

  margin: 0 0 19px;

  text-transform: uppercase;

}



/******************************************************************************

  Checkout

*******************************************************************************/

#checkoutsteps {

  list-style: none;

  margin: 0;

  padding: 0;

}

#checkoutsteps > li {

  margin: 0 0 11px;

}

#checkoutsteps .step-title {

  background: #f2f2f2;

  border: 1px solid #e1e1e1;

  color: #1e1e1e;

  display: block;

  height: 50px;

  padding: 0 18px;

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

#checkoutsteps .step-title.collapsed {

  border-color: #f2f2f2;

  color: #7f7f7f;

}

#checkoutsteps a.step-title:hover {

  opacity: 0.85;

  filter: alpha(opacity=85);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

#checkoutsteps .step-title .number {

  color: #7f7f7f;

  float: right;

  font-size: 16px;

  line-height: 49px;

}

#checkoutsteps .step-title h6 {

  font-size: 16px;

  font-weight: normal;

  line-height: 49px;

  margin: 0;

}

#checkoutsteps .step-content {

  border: 1px solid #e1e1e1;

  border-top: 0 none;

  font-size: 12px;

  line-height: 20px;

  padding: 22px 18px 19px;

}

#checkoutsteps .step-content label {

  font-size: 12px;

  line-height: 22px;

}

#checkoutsteps .step-content .radio,

#checkoutsteps .step-content .checkbox {

  line-height: 18px;

}

#checkoutsteps .step-content .radio .new-radio,

#checkoutsteps .step-content .checkbox .new-checkbox {

  margin-top: 0;

}

#checkoutsteps .step-content .title {

  border-bottom: 1px solid #e1e1e1;

  font-size: 16px;

  font-weight: normal;

  line-height: 24px;

  margin: 0 0 17px;

  padding: 0 0 10px;

  position: relative;

}

#checkoutsteps .step-content .title:before {

  background: #1e1e1e;

  bottom: 0px;

  content: "";

  display: block;

  height: 1px;

  left: 0;

  margin: 0 0 -1px;

  position: absolute;

  width: 40px;  

}

#checkoutsteps .step-content .register-radio {

  margin: 0 0 22px 39px;

}

#checkoutsteps .step-content ul {

  list-style-type: disc;

}

#checkoutsteps .step-content .col-1 .buttons-box {

  margin: 25px 0 0 0;

}

#checkoutsteps .step-content input.last {

  margin-bottom: 14px;

}

#checkoutsteps .step-content .buttons-box {

  font-size: 11px;

  line-height: 1.5;

  margin-top: 6px;

  overflow: hidden;

  padding-top: 10px;

  text-align: right;

}

#checkoutsteps .step-content .buttons-box .btn {

  float: left;

  margin: -10px 10px 0 0;

}

#checkoutsteps .step-content .buttons-box .required {

  display: inline-block;

  font-size: 11px;

  margin-left: 12px;

}



.sidebar.checkout-progress {

  

}

.sidebar.checkout-progress header {

  margin: 0 0 13px;

}

.sidebar.checkout-progress .progress-list {

  margin: 0;

}

.sidebar.checkout-progress .progress-list li {

  color: #7f7f7f;

  font-size: 12px;

  line-height: 20px;

  margin: 0;

  padding: 12px 0 7px;

}

.sidebar.checkout-progress .progress-list li + li {

  border-top-width: 1px;

}

.sidebar.checkout-progress .progress-list li a {

  color: #7f7f7f;

  float: right;

}

.sidebar.checkout-progress .progress-list li.active {

  color: #1e1e1e;

  font-weight: bold;

}

.sidebar.checkout-progress .progress-list li.active a {

  display: none;

}



/******************************************************************************

  My Account

*******************************************************************************/

.my-account.margin-top {

  margin-top: -16px;

}

.my-account .subtitle {

  color: #7f7f7f;

  font-size: 18px;

  font-weight: normal;

  margin-bottom: 10px;

}

.my-account .info-box {

  margin-bottom: 40px;

}

.my-account .buttons-box .required {

  float: right;

  margin: 12px 0 0 10px;

}

.my-account .pagination-text {

  color: #999;

  font-size: 12px;

}

.my-account .btn.margin-top {

  margin-top: 10px;

}



/******************************************************************************

  Compare Product

*******************************************************************************/

#compare-table {

  border: 0 none;

  margin: 0;

}

#compare-table tr th:last-child,

#compare-table tr td:last-child {

  border-right-width: 1px;

}

#compare-table .remove td {

  border-width: 0;

  height: 26px;

  padding: 0;

}

#compare-table .remove td:last-child {

  border-right-width: 0;

}

#compare-table .remove-bottom td {

  border-top-width: 1px;

  vertical-align: bottom;

}

#compare-table th,

#compare-table td {

  vertical-align: top;

}

#compare-table th {

  background: #f7f7f7;

}

#compare-table td {

  font-size: 12px;

  line-height: 20px;

  padding-top: 24px;

  padding-bottom: 24px;

}

#compare-table .first {

  font-size: 13px;

  min-width: inherit;

  padding: 19px 24px;

  text-align: left;

  width: 190px;

}

#compare-table .product-name {

  color: #1e1e1e;

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

#compare-table .product-name:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

#compare-table .product-image {

  background: #f2f2f2;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  display: block;

  margin: 0 auto;

  overflow: hidden;

  width: 100px;

}

#compare-table .price-old {

  font-size: 11px;

  margin: 0 0 3px;

  text-decoration: line-through;

}

#compare-table .price-old:after {

  display: none;

}

#compare-table .price {

  font-size: 16px;

}

#compare-table .rating-box {

  margin: 0 auto;

}

#compare-table .description td {

  text-align: left;

}



/******************************************************************************

  Blog

*******************************************************************************/

.post {

  margin-bottom: 40px;

  padding: 0;

}

.blog .post {

  margin-top: -3px;

}

.post + .post {

  border-top-width: 1px;

  padding-top: 37px;

}

.post .entry-title {

  font-size: 26px;

  font-weight: normal;

  margin: 0 0 17px;

}

.post .entry-title a {

  color: #1e1e1e;

  text-decoration: none;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.post .entry-title a.white{

	color:#ffffff;

}

.post .entry-title a:hover {

  text-decoration: none;

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.post .entry-content {

  margin: 0 0 25px;

}

.post .entry-content p:last-child {

  margin-bottom: 0;

}

.post .entry-meta {

  color: #7f7f7f;

  font-size: 12px;

  line-height: 1.3;

}

.post .entry-meta.white {

	color:#ffffff;

}

.post .entry-meta .separator {

  margin: 0 10px;

}

.post  .post-image{

	padding-bottom:30px;

}

.post  .post-image.pull-left{

	padding-right:20px;

}

.width-340{

	width:340px;

}

.post .entry-meta .comments-link {

  background: url("../img/comment-link.png") 0 50% no-repeat;

  padding: 0 0 0 18px;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.post .entry-meta .comments-link:hover {

  opacity: .8;

  filter: alpha(opacity=80);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.post .entry-meta .comments-link a {

  color: #7f7f7f;

  text-decoration: none;

}

.post .entry-meta .comments-link.white a{

  color: #ffffff;

}

.blog-post .post {

  margin-bottom: 76px;

}

.blog-post .commentlist {

  margin: 0 0 54px;

  padding: 0;

}

.blog-post .commentlist li {

  padding: 22px 0;

}

.blog-post .commentlist li:first-child {

  padding-top: 10px;

}

.commentlist li .avatar {

  -webkit-border-radius: 42px;

  -moz-border-radius: 42px;

  border-radius: 42px;

  float: left;

  height: 84px;

  margin: 0 25px 0 0;

  width: 84px;

}

.blog-post .commentlist li .meta {

  margin: 0 0 10px;

}

.blog-post .commentlist li .description {

  font-size: 13px;

  line-height: 20px;

  margin: 0;

  overflow: hidden;

}

.blog-post .comments-form {

  margin: 6px 0 0;

}

.blog-post .comments-form .comment-box {

  margin: 0;

  text-align: right;

}

.blog-post .comments-form .comment-box textarea {

  margin: 0 0 15px;

}

.blog-post .comments-form .comment-box i {

  color: #7f7f7f;

  font-size: 11px;

  line-height: 12px;

  vertical-align: top;

}

.blog-post .comments-form .button-set {

  margin: 19px 0 0;

}

.blog-post .comments-form .button-set .required {

  font-size: 11px;

  line-height: 40px;

}

.blog-post .comments-form .button-set .required b {

  font-size: 14px;

}

.blog-post .reply a{

	color:#1e1e1e;

}

 .carousel .post {

  border: 0 none;

  float: left;

  line-height: 22px;

  margin: 0 0px;

  padding: 0;

}





/******************************************************************************

  BLOG

*******************************************************************************/

/* Masonry Blog Grid */

.grid-col-2 .grid-posts {

	margin:0px 0px;

	padding:0px 0;

	width:50%;

}

.grid-col-2 .grid-posts .post {

	padding:0 30px 0 0;

}



.grid-col-3 .grid-posts {

	margin:0px 0px;

	padding:0px 15px;

	width:33.3%;

}



.grid-col-4 .grid-posts {

	margin:0px 0px;

	padding:0px 15px;

	width:25%;

}

.grid-col-5 .grid-posts {

	margin:0px 0px;

	padding:0px 15px;

	width:20%;

	position:relative;

	 display: table-cell;

}

.grid-col-5.no-pad .grid-posts {

	padding:0px;

}

.hover-opacity img:hover{

	opacity:.5;

}

.portfolio-title{

	left: 0;

	right: 0;

	margin:0px auto !important;

	position: absolute;

	text-align:center;

	bottom:0;

	width:100%;

	background:rgba(0,0,0,.6);

	color:#ffffff;

	text-transform:uppercase;

	opacity:0;

}

.grid-posts:hover .portfolio-title{

	opacity:1;

}

#grid-layout .video-container,
#grid-layout .audio-container{
	margin-bottom:30px;
}

.post .carousel-indicators {

    bottom: 0;

}

.grid-posts footer.entry-meta{

	padding-bottom:35px;

	border-bottom:1px solid #e1e1e1;

}





/* Normal Brid Layout */



.grid-layout .post{

	margin: 0 0 60px 0;

	padding:0 0 60px 0;

	border-bottom:1px dashed #ccc;

}



/* Search Result */

.search-result .search-form {

  margin-bottom: 40px;

  position: relative;

}

.search-result .search-form .search-string {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  color: #1e1e1e;

  font-size: 24px;

  height: 60px;

  line-height: 30px;

  margin: 0;

  padding: 14px 50px 14px 18px;

}

.search-result .search-form .search-string:focus {

  border-color: #ccc;

}

.search-result .search-form .search-submit {

  background: none;

  border-left: 1px solid #e1e1e1;

  height: 30px;

  line-height: 1;

  position: absolute;

  right: 0;

  top: 15px;

  text-align: center;

  width: 46px;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.search-result .search-form .search-submit svg {

  margin-top: 2px;

}

.search-result .search-form .search-submit:hover {

  opacity: .5;

  filter: alpha(opacity=50);

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.search-result .filter-buttons,

.search-result .text-results {

  margin-bottom: 30px;

}

.search-result .text-results {

  color: #999;

  font-size: 12px;

  padding-top: 9px;

  padding-bottom: 10px;

  text-align: right;

}

.search-result .item {

  background: none;

  border: 0 none;

  border-top: 1px solid #e1e1e1;

  margin-top: 0 -15px 40px;

  padding: 37px 0 0;

}

.search-result .pagination {

  margin-top: 0;

}



/* Posts Variants */

.post.carousel {

  line-height: 22px;

}

.post.carousel .images-box {

  overflow: hidden;

}

.post.carousel .images-box img,

.post.carousel .images-box iframe {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.post.carousel .carousel-box.load {

  max-height: 300px;

}

.post.carousel .carousel-box {

  margin-bottom: 42px;

  position: relative;

}

.post.carousel .carousel-box.no-pagination {

  margin-bottom: 8px;

}

.post.carousel .carousel-box .next,

.post.carousel .carousel-box .prev {

  left: 0;

  margin: -20px 5px 0;

  opacity: 0;

  filter: alpha(opacity=0);

  position: absolute;

  top: 50%;

  -webkit-transition: opacity .2s linear;

  transition: opacity .2s linear;

}

.post.carousel .carousel-box:hover .next,

.post.carousel .carousel-box:hover .prev {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transition:

    opacity .2s linear,

    background-color .2s linear;

  transition:

    opacity .2s linear,

    background-color .2s linear;

}

.post.carousel .carousel-box:hover .next:hover,

.post.carousel .carousel-box:hover .prev:hover {

  -webkit-transition: background-color .2s linear;

  transition: background-color .2s linear;

}

.post.carousel .carousel-box .next {

  left: auto;

  right: 0;

}

.post.carousel .carousel-box .pagination {

  left: 0;

  position: absolute;

  right: 0;

}



.carousel-box .pagination a.selected,

.banner-set .pagination a.selected {

  background: #ccc;

  background: rgba(0,0,0,.3);

}

.carousel .post-image img{

	width:100%;

}



/******************************************************************************

  Footer

*******************************************************************************/

#footer {

  color: #7f7f7f;

  margin: 0px 0 0 0;

  overflow-x: hidden;

}

#footer.footer-two {

  margin: -176px 0 0 0;

}

#footer .footer-top {

  background: #000000;

  font-size: 12px;

  line-height: 21px;

  padding: 50px 0 13px;

}

#footer.footer-two .footer-top {

  padding-bottom: 43px;

}

#footer .sidebar .widget {

  margin-bottom: 30px;

}

#footer .sidebar .widget:nth-child(4n+1) {

  clear: left;

}

#footer .sidebar .widget header,

#footer .sidebar .widget .title-block {

  margin: 0 0 15px;

  padding: 0 0 12px;

}

#footer .sidebar .widget header:before,

#footer .sidebar .widget .title-block:before {

  display: none;

}

#footer .sidebar .widget header .title,

#footer .sidebar .widget .title-block .title {

  color: #1e1e1e;

  font-size: 16px;

  font-weight: normal;

  line-height: 1.3;

  text-transform: uppercase;

}

#footer .sidebar .widget .next,

#footer .sidebar .widget .prev {

  height: 26px;

  line-height: 26px;

  width: 26px;

}

#footer .sidebar .widget .next svg,

#footer .sidebar .widget .prev svg {

  height: 14px;

}

#footer .widget p {

  margin: 0 0 16px;

}

#footer .sidebar .compare-products li,

#footer .sidebar .compare-products li .title,

#footer .sidebar .compare-products li .close,

#footer .sidebar .wishlist .add-cart {

  background-color: #000000;

}

.footer-two .social {

  text-align: center;

}

.footer-two .social .sbtnf {

  display: inline-block;

  float: none;

  margin: 0 3px;

}

#footer .footer-bottom {

  background: #000000;

  border-top-width: 1px;

  font-size: 11px;

  line-height: 17px;

  padding: 21px 0 20px;

}

#footer .phone,

#footer .address {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-left: 34px;

  position: relative;

}

#footer .footer-icon {

  color: #c6c6c6;

  left: 16px;

  position: absolute;

  top: 0;

}

#footer .footer-icon:before {

  font-size: 20px;

  line-height: 18px;

  width: auto;

}

#footer .up {

  background: #c6c6c6;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  display: block;

  float: right;

  height: 40px;

  text-align: center;

  width: 40px;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

#footer .up:hover {

  background: #000;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

#footer .up .glyphicon {

  color: #fff;

  margin: 14px 0 0 -.5px;

  vertical-align: top;

}

.footer-blog li{

	padding-bottom:15px;

	margin-bottom:15px;

	border-bottom:1px dashed #c2c0c0;

}

.footer-blog li:last-child{

	padding-bottom:15px;

	margin-bottom:15px;

	border-bottom:0;

}

.footer-count {

	font-size:16px;

	margin:20px 0 10px 0;	

    font-family:Oswald,sans-serif;

	text-transform:uppercase;

}

.footer-social{

	margin-top:20px;

}

.footer-social i{

	background-color:#c6c6c6;

	width:30px;

	height:30px;

	text-align:center;

	line-height:30px;	

   -webkit-border-radius: 50%;

   -moz-border-radius: 50%;

   border-radius: 50%;

   color:#ffffff;

}

.footer-social i:hover{

	color:#ffffff;

}

.copyright a{

	color:#7f7f7f;

}



/******************************************************************************

  EXTRA

*******************************************************************************/

/* Boxed */

.boxed {

  background: #fff;

  margin: 0 auto;

  max-width: 1200px;

  padding-top: 20px;

}

.boxed .container {

  max-width: 1200px;

}

.boxed .page-box {

  background: #fff;

  -webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 18px;

  box-shadow: rgba(0,0,0,0.3) 0px 0px 18px;

  overflow: hidden;

  position: relative;

}



.boxed.loaded .page-box {

  overflow: visible;

}

.boxed.fixed-header .header {

  margin-top: 0;

  position: absolute;

}

.boxed.fixed-header .page-header {

  margin-top: 0;

  padding-top:95px;

}

.boxed.fixed-header.fixed .header {

  position: fixed;

  top: 0;

}

.boxed.fixed-header.fixed-top.fixed #top-box {

  position: fixed;

  top: 0;

}

.boxed.fixed-header.fixed-top.fixed .header {

  top: 40px;

}

.boxed.hidden-top .page-box {

  padding-top: 0;

  -webkit-transition: none;

  transition: none;

}

.boxed.hidden-top #top-box {

  left: 0;

  margin-top: 0;

  position: static;

  -webkit-transition: none;

  transition: none;

}

.boxed.fixed-header.hidden-top #top-box {

  margin-bottom: 104px;

}

.boxed.hidden-top .header {

  top: 40px;

}

.boxed.hidden-top.fixed .header {

  top: 0;

}

.boxed .header-wrapper {

  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);

  -moz-box-shadow: 0 0 5px rgba(0,0,0,.15);

  box-shadow: 0 0 5px rgba(0,0,0,.15);

  margin: 0 auto;

  max-width: 1200px;

}

.boxed .top-box-wrapper {

  margin: 0 auto;

  max-width: 1300px;

}

.boxed .banner-set.banner-set-mini.banner-set-no-pagination .pagination {

  display: inline-block !important;

}

.boxed .banner-set.banner-set-mini.banner-set-no-pagination .prev,

.boxed .banner-set.banner-set-mini.banner-set-no-pagination .next {

  margin: 15px 0 0 !important;

  position: static;

}

.boxed #footer {

  min-width: 100%;

  position: relative;

}

.boxed #footer.footer-two {

  margin-bottom: 0;

}

/* Wide Layout */

.wide .container{

	width:100% !important;

}

/* Ribbon */

.ribbon-wrapper {

  width: 85px;

  height: 88px;

  overflow: hidden;

  position: absolute;

  top: -3px;

  right: -3px;

}

.ribbon{

  text-align: center;

  font-size:12px;

  position: relative;

  padding: 5px 0;

  left: -5px;

  top: 15px;

  width: 120px;

  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);

  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);

  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);

  -webkit-transform: rotate(45deg);

  -moz-transform:    rotate(45deg);

  -ms-transform:     rotate(45deg);

  -o-transform:      rotate(45deg);

}

.ribbon:before, .ribbon:after {

  content: "";

  border-top:   3px solid #6e8900;   

  border-left:  3px solid transparent;

  border-right: 3px solid transparent;

  position:absolute;

  bottom: -3px;

}



.ribbon:before {

  left: 0;

}

.ribbon:after {

  right: 0;

}

.ribbon.red {  

  background-color: #ff0000;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#bf0c0c)); 

  background-image: -webkit-linear-gradient(top, #ff0000, #bf0c0c); 

  background-image:    -moz-linear-gradient(top, #ff0000, #bf0c0c); 

  background-image:     -ms-linear-gradient(top, #ff0000, #bf0c0c); 

  background-image:      -o-linear-gradient(top, #ff0000, #bf0c0c); 

}

.ribbon.blue { 

  background-color: #03b6f7;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#03b6f7), to(#0c8fbf)); 

  background-image: -webkit-linear-gradient(top, #03b6f7, #0c8fbf); 

  background-image:    -moz-linear-gradient(top, #03b6f7, #0c8fbf); 

  background-image:     -ms-linear-gradient(top, #03b6f7, #0c8fbf); 

  background-image:      -o-linear-gradient(top, #03b6f7, #0c8fbf); 

}

.ribbon.green {

  background-color: #BFDC7A;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 

  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 

  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 

  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 

  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 

}

.ribbon.yellow {

  background-color: #ffc400;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc400), to(#eab505)); 

  background-image: -webkit-linear-gradient(top, #ffc400, #eab505); 

  background-image:    -moz-linear-gradient(top, #ffc400, #eab505); 

  background-image:     -ms-linear-gradient(top, #ffc400, #eab505); 

  background-image:      -o-linear-gradient(top, #ffc400, #eab505); 

}





.ribbon.no-gradiant{

	background-image:none;

}

.ribbon.white{

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

	-moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

	-webki-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}



/* Fancybox */

.fancybox-margin .fixed-header .header,

.fancybox-margin .fixed-header #top-box {

  left: -7.5px;

}

.fancybox-close {

  background: #fff;

  border: 1px solid #7f7f7f;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  color: #1e1e1e;

  font-size: 25px;

  font-weight: normal;

  height: 30px;

  line-height: 29px;

  right: -15px;

  text-align: center;

  text-decoration: none;

  top: -15px;

  width: 30px;

  -webkit-transition: color .2s linear;

  transition: color .2s linear;

}

.fancybox-close:hover {

  color: #7f7f7f;

  text-decoration: none;

  -webkit-transition: color .2s linear;

  transition: color .2s linear;

}

.fancybox-nav span {

  background: #ccc;

  border: 0 none;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  color: #fbfbfb;

  display: block;

  float: right;

  height: 40px;

  line-height: 40px;

  margin: -20px 0 0 0;

  text-align: center;

  text-decoration: none;

  width: 40px;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.fancybox-nav span:hover {

  background-color: #000;

  color: #efefef;

  text-decoration: none;

  -webkit-transition: all .2s linear;

  transition: all .2s linear;

}

.fancybox-nav span svg {

  vertical-align: middle;

}



.fontawesome-icon-list {

  color: #7f7f7f;

}

.fontawesome-icon-list .fa {

  color: #1e1e1e;

  width: 22px;

  font-size: 14px;

  display: inline-block;

  text-align: center;

  margin-right: 5px;

}





/******************************************************************************

  Hover Effects

*******************************************************************************/



.team-member .social-icon .item a,

.team-member:hover .social-icon .item a:hover,

.work-process-box:hover .title,

.work-process-box .title,

.pricing:hover .title a,

.pricing .title a,

.share-active i,

.share-active i:hover,

.footer-social i:hover,

.footer-social i,

.sidebar .newsletter .submit.bg-color:hover,

.sidebar .newsletter .submit.bg-color,

.header .primary .sub a:hover ,

.header .primary .sub a,

.header-icons i,

.header-icons i:hover,

.post .entry-title a:hover,

.post .entry-title a,

.service-box a:hover,

.service-box a,

.service:hover i ,

.service i,

.rotate:hover i,

.zoom:hover i ,

.get-a-quote:hover a,

.get-a-quote a,

.timeliner >li:hover .timeline-image,

.timeliner >li .timeline-image,

.timeliner li:hover .timeline-heading h4,

.timeliner li .timeline-heading h4,

.opacity:hover img,

.opacity img,

.features-list li i,

.features-list li:hover i,

.shop .product-item:hover .product-overlay,

.shop .product-item .product-overlay,

.shop .product-item img,

.shop .product-item:hover img{

	transition:all 350ms ease-in-out 0s;

	-moz-transition:all 350ms ease-in-out 0s;

	-webkit-transition:all 350ms ease-in-out 0s;

	-o-transition:all 350ms ease-in-out 0s;

	-ms-transition:all 350ms ease-in-out 0s;

}



/* Hover Zoom Effects */

.zoom:hover i{

	transform:scale(1.1);

	-moz-transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-o-transform:scale(1.1);

	-ms-transform: scale(1.1);

}



/* Hover Rotate Effects */

.rotate:hover i{	

	transform:rotate(360deg);

	-ms-transform:rotate(360deg);

	-webkit-transform:rotate(360deg);

}





/* Endless Rotating */



@-webkit-keyframes rotating /* Safari and Chrome */ {

  from {

    -ms-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -ms-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes rotating {

  from {

    -ms-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  to {

    -ms-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

.rotating {

  -webkit-animation: rotating 2s linear infinite;

  -moz-animation: rotating 2s linear infinite;

  -ms-animation: rotating 2s linear infinite;

  -o-animation: rotating 2s linear infinite;

  animation: rotating 2s linear infinite;

}





	

/* Full Width Side Images */

.full-image1{

	background:url("../img/content/bg/full-img1.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



.full-image2{

	background:url("../img/content/bg/full-img2.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



.full-image3{

	background:url("../img/content/bg/full-img3.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



.full-image4{

	background:url("../img/content/bg/full-img4.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



.full-image5{

	background:url("../img/content/bg/full-img5.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



.full-image6{

	background:url("../img/content/bg/full-img6.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



.full-image7{

	background:url("../img/content/bg/full-img7.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



.full-image8{

	background:url("../img/content/bg/full-img8.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



.full-image9{

	background:url("../img/content/bg/full-img9.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



.full-image10{

	background:url("../img/content/bg/full-img10.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}





.full-image11{

	background:url("../img/content/bg/full-img11.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}





.full-image12{

	background:url("../img/content/bg/full-img12.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}





.full-image13{

	background:url("../img/content/bg/full-img13.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}





.full-image14{

	background:url("../img/content/bg/full-img14.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



.full-image15{

	background:url("../img/content/bg/full-img15.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



.full-image16{

	background:url("../img/content/bg/full-img16.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);

    float: left;

    min-height: 560px;

    width: 100%;

}



/* My Video */

#my-video {

	background-image:url("../img/content/bg/full-img2.jpg");

	 background-size:cover;

	-o-background-size:cover;

	-moz-background-size:cover;

	-webkit-background-size:cover;

	background-position:0 0;

	background-repeat:repeat;

	position:relative;

	min-height:500px;

}

* {box-sizing:border-box}

*{
	margin:0;
	padding:0;
}

#mycontainer{
	width: 100%;
	height: 453px;
	position: relative;
}

#mycontainer .prevButton{
	height:40px;
	width:38px;
	position:absolute;
	background:url('../img/buttons.png') no-repeat;
	top:50%;
	margin-top:-36px;
	cursor:pointer;
	z-index:2000;
	background-position:left top;
	left:0
}

#mycontainer .prevButton:hover{ background-position:left bottom;left:0;}

#mycontainer .nextButton{
	height:40px;
	width:38px;
	position:absolute;
	background:url('../img/buttons.png') no-repeat;
	top:50%;
	margin-top:-36px;
	cursor:pointer;
	z-index:2000;
	background-position:right top;
	right:0
}

#mycontainer .nextButton:hover{background-position:right bottom;right:0;}

#mycontainer ul{
	width:798px;
	height:453px;
	list-style:none outside none;
	position:relative;
	overflow:hidden;
}

#mycontainer li:first-child{
	display:list-item;
	position:absolute;
}

#mycontainer li{
	position:absolute;
	display:none;
}

*:focus {

  outline: none !important;

}

#images_hz {
	width: 700px;
	height: 150px;
	overflow: hidden;
	position: relative;
	float: left;
}
#images_hz img {
display: inline;
margin: 0 10px;}
.main-page-wrapper .faq-page .container .faq-panel #accordion .panel #collapse1 .panel-body p b {
	color: #000000;
}
a {
	font-size: 24px;
}
a {
	font-size: 18px;
}
a {
	color: #000;
}
p {
	color: #333333;
}
a {
	color: #000;
}