/*-----------------------------------------------------------------------------------

    Template Name: Megastar - Business HTML Template
    Template URI: http://hastech.company/
    Description: This is html5 template
    Author: HasTech
    Author URI: http://hastech.company/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
	1. Home 1
		2. Icon list
		3. Portfolio-area Style
		4. Service-area Style
		5. Support Area Style
		6. Team Area Style
		7. Testimonial area Style
		8. Brand area Style
	9. Home 2
		10. Header Style
		11. About Us
		12. Skill Area
		13. Work Protfolio
		14. Experience Area
		15. Client Timeline
		16. Tetomonial 2
		17. Recent Blog
		18. Contact 2 area style
	19. Home 3
		20. Headar Area
		21. Slider
		22. Promotion Area
		23. Apps Area
		24. Apps Store Area
		25. Pricing Area
		26. App Download
		27. Home 4
		28. Menu Css
		29. Slider Area Four
		30. Featured Service
		31. Support Area Style 2
		32. Popular Service Area
	33. Home 5
		34. Slider Area
		35. Features Area
		36. Stable Area
		37. Recent Blog Area
	38. About Us page
		39. Skill Area
		40. Particels Heading Area
		41. About Map Area
	42. Contact Page Area
	43. Meet The Team page
	44. Plan And Pricing Page
	45. Our Service Page
		46. Service We Offer
	47. Frequently asked question page
		48. Frequency Right Area
		49. Frequency Quick Link Bottom
	50. Client Testimonial Page
	51. Photo Gallery 3 Page
	52. Photo Gallery 4 Page
	53. Blog Column 2 Page
	54. Blog Column 3 Page
	55. Blog Column 4 Page
	56. Blog Column 5 Page, Blog Column 6 Page
	57. Caption Style-1-5 Page
	58. Portfolio Page
	59. Slider Column Two Page
	60. Category Listing Page
	61. Product Listing Page
	62. Product Listing Cursol Page
	63. Men Accessories Page
	64. Product Detail Page
	65. Log In Page
	66. Breadcrumbs css
	67. ScrollUp	
	68. Style Customizer content all 
-----------------------------------------------------------------------------------*/
/*--------- Google Font ------*/

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Merriweather:300,400,700,900|Montserrat:400,700|Open+Sans:300,400,600,700,800|Roboto+Slab:100,300,400,700|Roboto:100,300,400,500,700,900');

/*--------------------- 1. Home 1 -----------------------*/
/*--------------------- 
	2. Icon list 
-----------------------*/
img {
  max-width: 100%;
}
.icon-list-area {
  overflow: hidden;
}
.icon-list-item {
  clear: both;
  line-height: inherit;
  margin: 0;
  position: relative;
}
.icon-list-icon {
  background: transparent none repeat scroll 0 0;
  border: 1px solid;
  border-radius: 50%;
  font-size: 32px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 80px;
  transform:scale(1);
  transition:.4s;
}
.icon-list-item .icon-list-wrapper .icon-list-icon {
  float: none;
  margin: 0 auto;
  color: #d6223d;
}
.icon-list-item .icon-description {
  margin-top: 30px;
  padding-bottom: 0;
  text-align: center;
}
.icon-description h3 {
  color: #101010;
  font-size: 17px;
}
.icon-list-item .icon-description h3 {
  font-size: 17px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 3px;
  color: #101010;
}
.icon-description-text {
  color: #999;
}
.icon-padding {
  background-color: rgba(0, 0, 0, 0.02);
  padding: 75px 45px 55px;
}
.icon-padding.style-2{background-color: rgba(0, 0, 0, 0);}
.icon-list-item:hover .icon-list-icon{transform:scale(1.2);}
.icon-description-text p {
  font-size: 15px;
  line-height: 27px;
}
/*-----------------------------------------
    3. Portfolio-area Style
 ------------------------------------------*/
#our-portfolio-item .mix{
    display: none;
}
.section-title {
  color: #d6223d;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 45px;
  text-align: center;
}
.portfolio-area, .our-work-area {
  background: #FAFAFA;
}
#our-portfolio-item .mix {
  float: left;
  overflow: hidden;
  padding-right: 10px;
  position: relative;
  width: 33.33%;
}
#our-portfolio-item {
  width: 100%;
  display: block;
  overflow: hidden;
}
.portfolio-overlay{
  bottom: 0;
  height: 40px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  line-height: 40px;
  text-align: center;
  z-index: 999;
}
.portfolio-sin-img::after {
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  transition: .5s;
}
.portfolio-sin-img:hover::after{
  opacity: 0.7;
}
.portfolio-sin-img {
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.portfolio-overlay i {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  border-radius: 50%;
  color: #000;
  font-size: 15px;
  margin-left: 6px;
  padding: 12px;
  transform: scale(0);
  transition: all 0.5s ease 0s;
}
.portfolio-overlay i:hover {
  background-color: #f0f0f0;
}
.portfolio-sin-img:hover .portfolio-overlay i {
  transform: scale(1);
}
.portfolio-des a h2 {
  font-size: 15px;
  margin: 0 0 2px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
.portfolio-des a h2:hover{color:#444;}
.portfolio-des > p {
  font-size: 12px;
  text-align: center;
  color: #666;
  line-height: 18px;
  margin:0;
}
.portfolio-des {
  background: #fff none repeat scroll 0 0;
  padding: 18px 0;
}
.portfolio-menu{
    text-align: center;
    margin:0 auto 30px;
}
.portfolio-menu .filter  {
  background-color: #ffffff;
  border: 1px solid #ececec;
  color: #888888;
  cursor: pointer;
  display: inline-block;
  font: 500 12px/32px "Roboto",sans-serif;
  margin: 0 10px 10px 0;
  overflow: visible;
  padding: 0 17px;
  position: relative;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 45px;
  text-transform: uppercase;
}
.portfolio-menu .filter.active,.portfolio-menu .filter:hover {
  background-color: #d6223d;
  border-color: #d6223d;
  color: #fff;
}
.portfolio-sin-img img {
  height: 280px;
  transition: all 0.3s ease 0s;
  width: 383px;
}
.portfolio-sin-img:hover img{
  transform: scale(1.3);
} 
.vbox-container {
  width: 850px;
}
/*-----------------------------------------
    4. Service-area Style
 ------------------------------------------*/
.service-left p {
  font-size: 17px;
  margin: 0;
}
.service-des > p {
  font-size: 15px;
}
.section-title-s {
  color: #d6223d;
  font-size: 26px;
  margin: 0 0 25px;
}
.single-service i {
  color: #d6223d;
  float: left;
  font-size: 36px;
}
.single-service {
  padding-left: 35px;
  position: relative;
}
.service-des > h3 {
  color: #333;
  font-size: 22px;
}
.single-service .service-des {
  overflow: hidden;
  padding-left: 20px;
}
.icon {
  position:relative;
  transition:.6s;
}
.single-service:hover .icon {
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-name: wobble-bottom;
  animation-timing-function: ease-in-out;
}
/*-----------------------------------------
    5. Support Area Style
 ------------------------------------------*/
.support-area {
  overflow: hidden;
}
.support-content{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.sup-icon i {
  font-size: 100px;
  color: #d6223d;
}
.sup-text h1 {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 50px;
  width: 100%;
  color:#d6223d;
}
.sup-text p {
  color: #111;
  font-size: 16px;
  margin: 0;
  opacity: 0.8;
  padding: 0 16%;
}
.sup-button {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 450px;
}
.sup-button .btn-left, .sup-button .btn-right {
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2);
  padding: 15px 40px;
  text-decoration: none;
  transition: all 0.25s ease-in-out 0s;
  width: 50%;
}
.sup-button .btn-right {
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2);
  padding: 15px 40px;
  text-decoration: none;
  transition: all 0.25s ease-in-out 0s;
  width: 50%;
}
.sup-button .btn-left, .sup-button .btn-right, .sup-button span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 18px;
  vertical-align: middle;
}
.sup-button span {
  background: #fafaf8 none repeat scroll 0 0;
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
  color: #444444;
  height: 46px;
  left: 50%;
  line-height: 46px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 46px;
  z-index: 1;
}
.sup-button .btn-left {
  background: #666666 none repeat scroll 0 0;
  text-align: left;
  border-radius: 40px;
}
.sup-button .btn-right{
  text-align: right;
  background: #d6223d none repeat scroll 0 0;
  border-radius: 40px;
}
.sup-button .btn-left:hover {
  background: #4d4d4d none repeat scroll 0 0;
}
.sup-button .btn-right:hover {
  background: #d6223d none repeat scroll 0 0;
}
/*-----------------------------------------
    6. Team Area Style
 ------------------------------------------*/
.our-team-area{overflow:hidden;display:block;}
.team-titel h2{
  color: #d6223d;
  font-size: 22px;
  line-height: 22px;
  margin: 0 0 23px;
}
.team-titel p {
  font-size: 15px;
  margin: 0;
  padding: 0 17%;
}
.single-member {
  background: rgba(245, 124, 0, 0.03) none repeat scroll 0 0;
  border-bottom: 2px solid transparent;
  margin-bottom: 35px;
}
.member-info .member-name {
  color: #101010;
  display: block;
  font-size: 1.2em;
  font-weight: 600;
  margin: 0 0 12px;
}
.member-info .position {
  display: block;
  font-family: open sans;
  font-size: 0.9em;
  font-weight: normal;
  margin: 0 0 22px;
}
.member-info p {
  font-size: 13px;
  margin: 0 0 22px;
}
.member-img > img {
  height: auto;
  width: 100%;
}
.member-info {
  padding: 32px 20px 30px;
}
.single-member:hover .member-info .position{
  color: #d6223d;
}
.single-member:hover{
  border-bottom-color: #d6223d;
  border-bottom: 2px solid #d6223d;
}
.single-member .social-profile a {
  color: #444444;
  font-size: 13px;
  margin-right: 12px;
}
.social-profile a.fb:hover{
  color:#3b5998;
}
.social-profile a.tw:hover{
  color:#00aced;
}
.social-profile a.gp:hover{
  color:#dd4b39;
}
.social-profile a.pin:hover{
  color:#dd4b39;
}
/*-----------------------------------------
    7. Testimonial area Style
 ------------------------------------------*/
.section-title.testimonial {
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  line-height: 20px;
}
.testimonial-area .owl-theme .owl-controls .owl-page span {
  background: #ddd none repeat scroll 0 0;
  height: 6px;
  margin: 5px 7px;
  width: 6px;
  margin-bottom:0;
}
.testimonial-area .owl-theme .owl-controls {
  margin-top: 0;
}
.testimonial-area .owl-theme .owl-controls .owl-page.active span,.testimonial-area .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #d6223d none repeat scroll 0 0;
  opacity: 1;
}
.testimonial-area.style-2 .owl-theme .owl-controls .owl-page.active span,
.testimonial-area.style-2 .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #1abc9c none repeat scroll 0 0;
  opacity: 1;
}
.testimonial-img > img {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  height: 80px;
  max-width: 80px;
  padding: 5px;
}
.test-author {
  margin: 20px 0;
}
.owl-carousel .owl-item img {
  display: inline-block;
  text-align: center;
  transform-style: preserve-3d;
  width: 100%;
}
.test-author h4 {
  color: rgba(255, 255, 255, 1) !important;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.test-author .qx-designation {
  color: rgba(255, 255, 255, 0.92);
}
.test-author span.qx-designation {
  font-size: 12px;
  margin-left: 5px;
  padding-left: 10px;
  position: relative;
}
.test-author span.qx-designation::after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(15deg);
  width: 1px;
}
.single-testimonial > p {
  color: #fff;
  font-size: 15px;
}
.testimonial-curosel-3 .single-testimonial > p{margin:0;}
/*-----------------------------------------
  8. Brand area Style
 ------------------------------------------*/
.brand-area .owl-theme .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  border-radius: 0;
  color: rgba(50, 50, 50, 0.4);
  display: inline-block;
  font-size: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0;
  opacity: 0.5;
  padding: 0;
  text-align: center;
  width: 60px;
}
.brand-area .owl-theme .owl-controls {
  margin-top: 0;
  position: absolute;
  text-align: center;
  top: 28%;
  width: 100%;
}
.brand-area .owl-prev {
  left: -3%;
  position: absolute;
}
.brand-area .owl-next {
  position: absolute;
  right: -3%;
}
.single-brand a, .single-client a {
  opacity: 0.5;
  transition: opacity 0.3s ease 0s;
}
.single-brand a:hover, .single-client a:hover {
  opacity: 0.9;
}
/*--------------------- 9. Home 2 -----------------------*/
 /*-----------------------------------------
    10. Header Style
 ------------------------------------------*/
.home2 .logo {
  margin-left: 15px;
  padding: 25px 0;
}
.home2 .main-menu {
  float: right;
  margin-right: 0;
}
.home2 .search-area {
  float: none;
  margin: 0 15px 0 0;
}
.home2 .main-menu ul li {
  float: none;
  margin-left: 0;
  position: relative;
}
 .header-area.home2,  .header-area.home3 {
  position: absolute;
  width: 100%;
  z-index: 99999;
}
 .header-area.home2 .main-menu nav ul li a::after {
  color: #23c6ec;
  bottom:2px;
}
.header-area.home2 li a, .header-area.home3 li a {
  box-sizing: border-box;
  color: #222222;
  display: block;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 700;
  line-height: 2;
  padding: 0 12px;
  text-decoration: none;
}
.header-area.sticky {
  left: 0;
  position: fixed;
  top: 0;
}
.header-area.home2 .main-menu nav ul li.current a::after {
  color: #23c6ec;
  opacity: 1;
}
.slider-container.home2, .slider-container.home3 {
  position: relative;
}
nav li.hire a {
  border: 1px solid #23c6ec;
  border-radius: 50px;
  color: #222222 !important;
  font-size: 15px;
  height: 43px !important;
  line-height: 43px !important;
  padding: 0 22.5px !important;
  transition: .3s;
  margin-top: 22px;
}
nav li.hire:hover a{
  background: #23c6ec;
  color: #fff !important;
}
.header-area.home2 li:hover a,.header-area.home2 li.active a{
  color: #000;
}
.slider-two h4 {
  font-size: 38px;
  line-height: 27px;
  margin: 0;
  color: #333333;
  font-family: Montserrat;
  font-weight: 700;
}
.slider-two h1 {
  font-size: 103px;
  margin: 0 0 22px -5px;
  color: #333333;
  font-family: Montserrat;
  font-weight: 700;
}
.slider-two .cap-title p {
  color: #80808a;
  font-size: 21px;
  font-weight: 600;
  margin: 0 0 0 -6px;
}
.slider-two .cap-title p:last-child {
  font-size: 20px;
  font-weight: 300;
}
.slider-two .cap-readmore {
  color: #80808a;
  font-size: 15px;
  font-weight: 700;
  margin-top: 130px;
}
.slider-two .cap-readmore a{
  border:none;
  padding: 0;
  color: #999;
}
.slider-two .cap-readmore a:hover{
  background: none;
  color: #23c6ec;
}
.slider-two .nivo-caption {
  margin-left: 10%;
}
.slider-two .nivo-caption {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #333;
  top: 20%;
}
/*------------ 11. About Us ------------*/
.about-titel h2 {
  color: #000;
  font-family: montserrat;
  font-size: 22px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
}
.about-content > p {
  font-size: 17px;
  line-height: 30px;
}
/* -------------- 12. Skill Area  ---------------- */
.progress-bar p {
  font-family: montserrat;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  margin-top: -25px;
  text-transform: capitalize;
}
.tpl-progress {
  background: #f0f0f0 none repeat scroll 0 0;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  font-weight: 400;
  height: 4px;
  letter-spacing: 1px;
  margin-bottom: 80px;
  margin-top: 0;
  overflow: visible;
  text-transform: uppercase;
}
.tpl-progress .progress-bar {
  background-color: #4FC1E9;
  box-sizing: border-box;
  color: #000;
  font-size: 11px;
  overflow: visible;
  padding-top: 2px;
  position: relative;
  text-align: left;
}
.tpl-progress .progress-bar > span {
  background-color: #333333;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  height: 25px;
  letter-spacing: 0;
  line-height: 23px;
  min-width: 35px;
  padding: 0 3px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: -32px;
}
.tpl-progress .progress-bar > span::before {
  background: #333333 none repeat scroll 0 0;
  content: "";
  height: 10px;
  left: 12px;
  position: absolute;
  top: 18px;
  transform: rotate(-46deg);
  width: 10px;
}
/*----------- 13. Work Protfolio ------------*/
.section-titel-left > h1 {
  color: #000;
  font-family: montserrat;
  font-size: 22px;
  font-weight: normal;
  line-height: 22px;
  margin: 0 0 20px;
}
.section-titel-left > p {
  font-size: 17px;
  line-height: 30px;
  margin: 0;
}
.home2 .portfolio-menu {
  margin: 0 auto 30px;
  text-align: left;
}
.home2 .portfolio-menu .filter.active, .home2 .portfolio-menu .filter:hover {
  background-color: #13bbe2;
  border-color: #13bbe2;
  color: #fff;
}
.home2 .portfolio-des::before {
  border-color: transparent transparent #ffffff;
  border-style: solid;
  border-width: 0 15px 15px;
  bottom: 18%;
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 0;
}
/*--------------- 14. Experience Area ----------------*/
.experience-full-area {
  list-style: outside none none;
  margin: 0 auto;
  max-width: 1170px;
  overflow: hidden;
  padding: 50px 0;
  position: relative;
}
.experience-full-area::after {
  background: rgba(200, 200, 200, 0.5) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 15%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 2px;
}
.experience-full-area .su-timeline-row {
  padding-left: 15%;
  position: relative;
  z-index: 10;
}
.experience-full-area .su-timeline-row .su-timeline-icon.has-ta-icon {
  height: 16px;
  top: 30px;
  transform: translateX(-50%);
  width: 16px;
}
.experience-full-area .su-timeline-row .su-timeline-icon {
  border-radius: 50%;
  box-shadow: 0 0 0 7px white;
  box-sizing: border-box;
  color: white;
  font-size: 14px;
  left: 15%;
  position: absolute;
  text-align: center;
  z-index: 100;
}
.experience-full-area .su-timeline-row .su-timeline-icon > div {
  background: #e3e3e3 none repeat scroll 0 0;
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  font-size: 6px;
  height: 100%;
  line-height: 16px;
  width: 100%;
}
.experience-full-area .su-timeline-row .su-timeline-time {
  left: 0;
  margin-right: 0;
  right: auto;
  text-align: left;
}
.experience-full-area .su-timeline-row .su-timeline-time {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  margin-right: 40px;
  position: absolute;
  left: 0;
  text-align: right;
  top: 30px;
}
.experience-full-area .su-timeline-row .su-timeline-time small {
  color: rgb(104, 104, 104);
  display: block;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}
.experience-full-area .su-timeline-row .su-timeline-content::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent white transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  content: "";
  height: 0;
  position: absolute;
  right: 50%;
  top: 45px;
  width: 0;
}
.experience-full-area.animated .su-timeline-row.active .su-timeline-content {
  opacity: 1;
  top: 0;
}
.experience-full-area.animated .su-timeline-row .su-timeline-content {
  left: 20px;
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.experience-full-area .su-timeline-row .su-timeline-content {
  border-radius: 3px;
  margin-left: 60px;
  padding: 1.5em 0;
  position: relative;
}
h3.su-timeline-item-title {
  font-family: montserrat;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 22px;
}
h3.su-timeline-item-title a {
  text-decoration: none;
  color: #23c6ec;
}
.su-timeline-item-text > p {
  color: #444;
  font-size: 14px;
  font-weight: normal;
}
/*-----------------------------------------
    15. Client Timeline
 ------------------------------------------*/
.single-client {
  overflow: hidden;
  padding: 25px;
}
.single-client::before {
  background: #ccc;
  content: "";
  height: 80%;
  position: absolute;
  right: 0;
  text-align: right;
  width: 1px;
  top: 10%;
}
.single-client::after {
  background: #ccc;
  bottom: 0;
  content: "";
  height: 1px;
  left: 10%;
  position: absolute;
  text-align: left;
  width: 80%;
}
.secound-row .single-client::after {
  content: none;
}
.single-client.b-right::before{
  content: none;
}
.single-client img, .wrkplace-single > img {
  height: auto;
  max-width: 100%;
}
/*---------- 16. Tetomonial 2 ---------*/
.home-2.testimonial-area {
  background-position: initial;
  background-repeat: no-repeat;
  background-size: initial;
}
.home-2 .testimonial-img > img {
  border: medium none;
  border-radius: 3px;
  height: 80px;
  max-width: 80px;
  padding: 0;
}
.home-2 .single-testimonial > p {
  color: #fff;
  font-size: 17px;
  line-height: 30px;
  padding: 0 17%;
  text-align: center;
}
.home-2.testimonial-area .owl-theme .owl-controls .owl-page.active span, 
.home-2 .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #13BBE2 none repeat scroll 0 0;
  opacity: 1;
}
.home-2 .test-author {
  margin: 25px 0 20px;
}
/*-------- 17. Recent Blog ---------*/
.recent-blog-title > a {
  color: #444;
  display: block;
  font-family: open sans;
  font-size: 18px;
  line-height: 30px;
  white-space: normal;
}
.recent-blog-title > a:hover{
  color: #787878;
}
.blog-info > span {
  font-size: 12px;
  position: relative;
  color: #444;
  font-family: "Open Sans";
}
.recent-blog-title {
  margin: 0;
}
.blog-info > span.date {
  padding-right: 12px;
}
.blog-info > span.date::after {
  content: "|";
  position: absolute;
  top: -1px;
}
.blog-info {
  padding-bottom: 15px;
  padding-top: 10px;
}
.blog-desc > p {
  font-size: 17px;
  line-height: 30px;
  margin: 0;
}
/*-----------------------------------------
    18. Contact 2 area style
 ------------------------------------------*/
.form-all {
  display: inline-block;
  margin-right: 20px;
  width: 31.33%;
}
.form-all input {
  background-color: transparent;
  background-image: none;
  border: 1px solid #666666;
  border-radius: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 17px;
  height: 40px;
  padding: 5px 15px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
.contact-us  .btn-default {
  color: #333;
  margin-top: 30px;
}
.form-textarea textarea {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: transparent none repeat scroll 0 0;
  border-bottom: 1px solid #666666;
  border-image: none;
  border-left: 1px solid #666666;
  border-radius: 20px;
  border-top: 1px solid #666666;
  color: #999;
}
.form-button {
  padding: 30px 0 0;
  text-align: center;
}
.form-button button {
  background: #23c6ec none repeat scroll 0 0;
  border: medium none;
  border-radius: 39px;
  color: #fff;
  font-size: 17px;
  font-weight: normal;
  padding: 12px 38px;
  text-transform: uppercase;
}
.contact-us input {
  border-radius: 50px;
}
.form-button button:hover {
  background-color: #13bbe2;
  color: #fff;
}
.form-group label {
  color: #aaaaaa;
  font-size: 17px;
  font-weight: normal;
  line-height: 30px;
}
.form-group label:hover{color:red;}
.form-control:focus {
  border-color: #e9322d;
  box-shadow: none;
}
.home-two .form-control:focus {
  border-color: #23c6ec;
  box-shadow: none;
}
.scrolltop.home2{
  background: #23c6ec;
}
.form-textarea {
  margin-top: 20px;
}
.home-2 .footer-bottom-right > p {
  color: #888888;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.home-2 .footer-bottom {
  background: #333333 none repeat scroll 0 0;
}
/* ---------------- 19. Home 3 ------------------ */
/* ---------------- 20. Headar Area ------------------ */
.menu-space {
  height: 79px;
}
.home-three .menu-space {
  height: 79px;
  background:#e8263a none repeat scroll 0 0;
}
.main-menu-three ul li a {
  color: rgba(255, 255, 255, 0.9);
}
.main-menu-three nav ul li.active a,.main-menu-three nav ul li a:hover {
  color: #fff;
}
.main-menu-three nav ul li a:hover::after,.main-menu-three nav ul li.active a::after {
  opacity: 1;
  color:#E72639;
}
.main-menu-three .search-form::before{color: rgba(255, 255, 255, 0.7);}
.main-menu-three ul li .mega-menu .single-mega-menu a, .main-menu-three ul li ul li {
  border-bottom: 1px solid #353535;
  color: rgba(255, 255, 255, 0.9);
}
.main-menu-three ul li .mega-menu .single-mega-menu{border-left: 1px solid #353535;}
.main-menu-three ul li .mega-menu .single-mega-menu a:hover, .main-menu-three ul li ul li a:hover{color:#999;}
.main-menu-three ul li .mega-menu.mega-menu-shop .single-mega-menu a {
  color: #e8263a;
}
.main-menu-three ul li .mega-menu.mega-menu-shop .single-mega-menu a:hover {
  color: #ed5464;
}
/*----------- 21. Slider ------------*/
.slider-three h1 {
  color: rgba(255, 255, 255, 1);
  font-family: "Roboto Slab";
  font-size: 100px;
  font-weight: normal;
  line-height: 100px;
  margin: 0;
}
.slider-three .slide1-text {
  width: 650px;
}
.slider-three .cap-title p:last-child {
  color: #fff;
  font-family: open sans;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  margin: 25px 0 0;
}
.slider-three .cap-readmore {
  margin-top: 0;
}
.slider-three .sup-button {
  margin-left: 0;
  margin-right: 0;
  margin-top: 85px;
}
.slider-three .cap-readmore a {
  border: medium none;
  color: #fff;
  padding: 15px 40px;
}
.slider-three .sup-button .btn-left:hover {
  background: #4d4d4d none repeat scroll 0 0;
}
.slider-three .sup-button .btn-right:hover {
  background: #80808a  none repeat scroll 0 0;
}
.slider-three .sup-button .btn-right, .appsbrief-area .sup-button .btn-right {
  background: transparent none repeat scroll 0 0;
}
/* --------- 22. Promotion Area ------------ */
.single-promotion {
  color: #fff;
  padding: 75px 60px;
  text-align: center;
}
.single-promotion i {
  color: #fff;
  font-size: 44px;
  padding-bottom: 25px;
}
.single-promotion h2 {
  color: #fff;
  font-family: "Roboto Slab";
  font-size: 24px;
  font-weight: bold;
  line-height: normal;
}
.single-promotion p {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  margin:0;
}
/* ----------- 23. Apps Area ----------- */
.apps-titel > h3 {
  color: #666;
  font-family: roboto slab;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin: 0;
}
.apps-titel > h1 {
  color: #666;
  font-family: roboto slab;
  font-size: 26px;
  font-weight: normal;
  line-height: 26px;
  margin: 0;
}
.apps-titel > p {
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  margin: 30px 0 50px;
}
.apps-features ul li {
  color: #666;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 32px;
}
.apps-features ul li i {
  background: #e8263a none repeat scroll 0 0;
  border-radius: 20px;
  color: #fff;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  margin-right: 10px;
  text-align: center;
  width: 38px;
}
.sup-button.style-3, .sup-button.style-4 {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0px;
}
.sup-button.style-3 .btn-right {
  background: #e8263a none repeat scroll 0 0;
}
.sup-button.style-3 .btn-right:hover {
  background: #ed5464 none repeat scroll 0 0;
}
.cursol-bg > img {
  height: auto;
  max-width: 100%;
  position: absolute;
}
.app-curosel {
  display: block;
  height: auto;
  margin-left: 4px;
  overflow: hidden;
  padding: 29.4% 0 0 9%;
  position: relative;
}
.apss-area .owl-theme .owl-controls,.appsbrief-area .owl-theme .owl-controls {
  bottom: 30px;
  left: 0;
  margin-top: 0;
  position: absolute;
  right: -25px;
  text-align: center;
}
.apss-area .owl-theme .owl-controls .owl-page span,.appsbrief-area .owl-theme .owl-controls .owl-page span {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #fff;
  border-radius: 20px;
  display: block;
  height: 10px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 10px;
}
.apss-area .owl-theme .owl-controls .owl-page.active span,
.appsbrief-area .owl-theme .owl-controls .owl-page.active span,
.apss-area .owl-theme .owl-controls.clickable .owl-page:hover span,
.appsbrief-area .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #fff none repeat scroll 0 0;
  opacity: 1;
}
/* ----------- 24. Apps Store Area ----------- */
.appstore-titel {
  color: #fff;
  text-align: center;
}
.appstore-titel > h1 {
  color: #fff;
  font-family: "Roboto Slab";
  font-size: 84px;
  font-weight: 400;
  margin: 0 0 44px;
}
.appstore-titel > p {
  color: #fff;
  font-size: 26px;
  line-height: 1.5;
  margin: 0 0 80px;
}
.appsbrief-area .apps-titel > h3, .appsbrief-area .apps-titel > h1, .appsbrief-area .apps-titel > p{color:#fff;}
.appsbrief-area .app-curosel {
  padding: 33.4% 0 0 9%;
}
.appsbrief-area .sup-button .btn-right:hover {
  background: #ed5464 none repeat scroll 0 0;
}
/* ----------- 25. Pricing Area ----------- */
.pricing-content {
  text-align: center;
}
.pricing-content > h3 {
  color: rgba(76, 76, 76, 1);
  font-family: "Roboto Slab";
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin: 0;
}
.pricing-content > h1 {
  color: rgba(21, 21, 21, 1);
  font-family: "Roboto Slab";
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 35px;
}
.pricing-content > p {
  color: #666;
  font-size: 16px;
  line-height: 1.5;
  margin: 0px;
}
.single-pricing {
  border-radius: 10px;
  transition: all 0.6s ease 0s;
}
.pricing-table-title {
  background-color: #000;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-family: "Roboto Slab";
  font-size: 1.3em;
  font-weight: 300;
  margin: 0;
  padding: 25px 0;
}
.pricing-table-pricing {
  position: relative;
}
.pricing-table-pricing {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: inline-block;
  font-size: 2.3em;
  font-weight: bold;
  line-height: normal;
  margin: 0;
  padding: 22px 0;
  width: 100%;
}
.pricing-table-pricing span.currency {
  display: inline-block;
  font-size: 0.7em;
  font-weight: normal;
  margin-right: 5px;
  margin-top: -7px;
  vertical-align: middle;
}
.duration {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  margin-top: 0;
  opacity: 0.7;
  overflow: hidden;
  padding-left: 10px;
}
.duration::after {
  background: #666666 none repeat scroll 0 0;
  content: "";
  height: 25px;
  left: 30px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 30px;
  width: 1px;
}
.pricing-details ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top: medium none;
  padding: 15px 10px;
}
.pricing-download a {
  background-color: #ed5565;
  border-radius: 40px;
  color: rgba(255, 255, 255, 1);
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 12px 30px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 60%;
}
.pricing-download a:hover{
  background-color: rgba(237, 85, 101, 0.7);
}
.single-pricing:hover {
  box-shadow: 0 36px 76px rgba(171, 171, 171, 0.33);
}
.pricing-download.two a {
  background: #2bcdc1 none repeat scroll 0 0;
}
.pricing-download.three a {
  background: #8dd538 none repeat scroll 0 0;
}
.pricing-download.four a {
  background: #34495e none repeat scroll 0 0;
}
.pricing-download.two a:hover {
  background-color: rgba(43, 205, 193, 0.7);
}
.pricing-download.three a:hover{
  background-color: rgba(141, 213, 56, 0.7);
}
.pricing-download.four a:hover {
  background: #1a242e none repeat scroll 0 0;
}
.pricing-details li color {
  color: #999999;
}
/* ----------- 26. App Download ----------- */
.appdownload-area .pricing-content > h3,.appdownload-area .pricing-content > h1,.appdownload-area .pricing-content > p{color:#fff;}
.appdownload-area .pricing-content > h1{margin: 0 0 23px;}
.appdownload-area .pricing-content > p {
  margin: 0 0 55px;
  padding: 0 20%;
}
.appdownload-area .sup-button{margin-left: auto;margin-right: auto;}
/*--------------------- 27. Home 4 -----------------------*/
/*----------- 28. Menu Css -----------*/
.main-menu-four ul li {
  float: none;
  margin-left: 8px;
}
.main-menu-four nav > ul > li > a::after {
  background: #1abc9c none repeat scroll 0 0;
  bottom: -5px;
  color: #1abc9c;
  height: 10px;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  right: 0;
  transform: rotate(-45deg);
  width: 10px;
}
.main-menu-four ul > li > a {
  border-radius: 4px;
  padding: 3px 10px;
}
.main-menu-four nav > ul > li:hover > a{background: #1abc9c none repeat scroll 0 0;color:#fff;}
.main-menu-four nav ul li a:hover::after {
  opacity: 1;
}
.main-menu-four nav ul li.active > a{background: #1abc9c none repeat scroll 0 0;color:#fff;}
.main-menu-four nav ul li a:hover {color: #fff;}
.main-menu-four ul li .mega-menu.mega-menu-shop .single-mega-menu a {
  color: #1abc9c;
}
.main-menu-four ul li .mega-menu.mega-menu-shop .single-mega-menu a:hover,.service-desc .read-more > a:hover {color:#149077;}
.main-menu-four .sup-menu.white-bg a:hover {
  background: transparent none repeat scroll 0 0;
}
/*------ 29. Slider Area Four -------*/
.slider-four .preview-2 .nivo-directionNav a.nivo-prevNav::before,.slider-four .preview-2 .nivo-directionNav a.nivo-nextNav::before {
  border-color: #fff #fff #fff -moz-use-text-color;
  color: #fff;
}
.slider-four .preview-2 .nivo-directionNav a.nivo-prevNav:hover::before,.slider-four .preview-2 .nivo-directionNav a.nivo-nextNav:hover::before {
  border-color: #ddd #ddd #ddd -moz-use-text-color;
  color: #ccc;
}
.slider-four .slider-1 a {
  border: 1px solid #fff;
}
.slider-four .slider-1 a:hover {
  background: #1abc9c none repeat scroll 0 0;
  border-color: #1abc9c;
}
/*----------- 30. Featured Service -----------*/
.service-desc .service-title {
  font-family: "Roboto Slab";
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
}
.service-desc > p {
  color: #666;
  font-family: roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.service-desc {
  overflow: hidden;
}
.single-featured-service i {
  float: left;
  font-size: 36px;
  margin-right: 20px;
}
.service-desc .read-more > a {
  color: #1abc9c;
  font-family: roboto;
  font-size: 14px;
  font-weight: 600;
}
.service-desc .read-more > a > i {
  float: none;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 0;
}
/*----------- 31. Support Area Style 2 -----------*/
.support-area.style-2 .sup-icon i, .support-area.style-2 .sup-text h1 {
  color: #1ABC9C;
}
.support-area.style-2 .sup-text p {
  color: #666666;
  font-family: roboto;
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
  padding: 0;
}
.support-area.style-2 .sup-text h1 {
  font-family: "Roboto Slab";
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 27px;
}
.support-area.style-2 .sup-button .btn-right {
  background: #1abc9c none repeat scroll 0 0;
}
.support-area.style-2 .sup-button .btn-right:hover{background:#149077 none repeat scroll 0 0}
/*----------- 32. Popular Service Area -----------*/
.ps-titel > h1 {
  color: #666;
  font-family: "Roboto Slab";
  font-size: 22px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 25px;
}
.ps-titel > p {
  color: #666;
  font-family: roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
  padding: 0 12%;
}
.popular-service-area .service-desc > p {
  font-size: 17px;
  margin:0;
}
.popular-service-area .single-featured-service span i {
  background: #1abc9c none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  float: left;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  margin-right: 20px;
  text-align: center;
  width: 50px;
}
.recent-blog-area .owl-theme .owl-controls {
  margin-top: 25px;
}
/*--------------------- 33. Home 5 -----------------------*/
.main-menu.main-menu-five nav > ul > li > a::after {
  bottom: 0;
  color: #8dd538;
  content: "";
  font-family: fontawesome;
  font-size: 16px;
  height: 5px;
  letter-spacing: 5px;
  line-height: 1px;
  opacity: 0;
  position: absolute;
  right: -20px;
  text-align: right;
  top: 13px;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.main-menu.main-menu-five nav > ul > li.has-dropdown > a::after {
  left: 21px;
  top: 20px;
  transition: all 0.6s ease 0s;
}
.main-menu.main-menu-five nav ul li.has-dropdown:hover a::after {
  opacity: 1;
  top: 40px;
}
.main-menu.main-menu-five ul li a i {
  margin-left:0;
}
.main-menu.main-menu-five nav > ul > li > a > i{color: #8dd538;}

/*-------- 34. Slider Area -----------*/
.slider-five a {
  border: 1px solid #76bf1f;
}
.slider-five a:hover {
  background: #76bf1f none repeat scroll 0 0;
  border-color: #76bf1f;
}
.slider-five .preview-2 .nivo-directionNav a.nivo-prevNav::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: transparent none repeat scroll 0 0;
  border-color: #76bf1f #76bf1f #76bf1f -moz-use-text-color;
  color: #76bf1f;
}
.slider-five .preview-2 .nivo-directionNav a.nivo-nextNav::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: transparent none repeat scroll 0 0;
  border-color: #76bf1f -moz-use-text-color #76bf1f #76bf1f;
  color: #76bf1f;
}
.slider-five .preview-2 .nivo-directionNav a.nivo-prevNav:hover::before, .slider-five .preview-2 .nivo-directionNav a.nivo-nextNav:hover::before {
  border-color: #8dd538;
  color: #8dd538;
}
.promotion-area-2 .single-promotion {
  text-align: left;
}
/*--------- 35. Features Area -----------*/
.single-features img {
  height: 44px;
  width: 44px;
}
.single-features h2 {
  color: #000;
  font-family: "Merriweather";
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 15px;
}
.single-features p {
  color: #666666;
  font-weight: 400;
  line-height: 27px;
  margin: 0;
}
/*------------ 36. Stable Area -----------*/
.stable-content h1 {
  color: #666;
  font-family: "Merriweather";
  font-size: 36px;
  font-weight: 400;
  margin: 0;
  text-transform: none;
}
.stable-content h1, .stable-content p, .stable-content a {
  color: #fff;
}
.stable-content > p {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  margin: 20px 0 50px;
}
.stable-content a {
  border-color: #8dd538;
  border-radius: 25px;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;
  padding: 9px 40px;
  margin:0;
}
.stable-content a:hover {
  background: #80cb2b none repeat scroll 0 0;
  border-color: #8dd538;
}
/*-------- 37. Recent Blog Area ----------*/
.single-recent-post {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.single-recent-post:last-child {
  border-bottom: medium none;
  margin: 0;
  padding: 0;
}
.post-thumbnail a img {
  float: left;
  width: 210px;
}
.recent-news-content {
  padding-left: 20px;
}
.recent-news-content > h2 {
  color: #fff;
  font-family: "Merriweather";
  font-size: 17px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.recent-news-content > h2 a:hover{color:rgba(255, 255, 255, 0.7);}
.news-date {
  margin-top: 7px;
}
.news-date > span {
  color: #c5c5c5;
  font-family: "Open Sans";
  font-size: 12px;
  position: relative;
  text-transform: uppercase;
}
.blog-title > h2 {
  color: #fff;
  font-family: "Merriweather";
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 40px;
  padding-bottom: 15px;
  position: relative;
}
.blog-title > h2::before {
  background: #ddd none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 30px;
}
.recentnews-cursol {
  margin-top: 80px;
  padding-left: 50px;
}
.recent-news .owl-theme .owl-controls {
  left: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 44%;
  width: 100%;
}
.recent-news .owl-theme .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  margin: 5px;
  opacity: 0.5;
  padding: 10px 15px;
}
.recent-news .owl-prev {
  left: 65px;
  position: absolute;
}
.recent-news .owl-next {
  position: absolute;
  right: 15px;
}
.footer-area.style-5 .footer-section-title {
  font-family: "Merriweather";
}
.footer-area.style-5 .footer-section-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 28px;
  text-transform: uppercase;
}
.mobile-menu-area {
  background: transparent;
}
/*----------- 38. About Us page ----------*/
.heading-area {
  position: relative;
}
.header-text > h1 {
  color: #fff;
  font-family: "Roboto";
  font-size: 48px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  line-height: 40px;
}
#particles-js {
  display: block;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.make-titel > h1,.about-titel h1{
  color: #666;
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  padding-bottom: 15px;
  position: relative;
}
.make-titel > h1::before,
.about-titel h1::before {
  background: #ddd none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 12%;
}
.make-single i {
  color: #666666;
  float: left;
  font-size: 24px;
  margin-right: 20px;
}
.make-decs {
  overflow: hidden;
}
.make-decs > h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.make-decs > p {
  color: #666666;
  font-size: 15px;
  line-height: 27px;
  margin: 0;
}
.single-img > img {
  max-width: 100%;
}
.about-dec {
  display: block;
  overflow: hidden;
}
.about-dec > p {
  color: #666666;
  font-weight: 400;
  line-height: 27px;
}
.about-dec > p:last-child {
  margin: 0;
}
/*----- 39. Skill Area -----*/
.skill-content {
  display: block;
}
.skill .progress-bar {
  background-color: #fabc72;
  border-radius: 20px;
  margin-top: -12px;
  padding: 12px 0;
}
.skill .progress .lead {
  color: #fff;
  font-family: open sans;
  font-size: 11px;
  font-weight: normal;
  left: 10px;
  line-height: 25px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  z-index: 99;
}
.skill .progress {
  background-color: #f0f0f0;
  border: 4px solid #f0f0f0;
  border-radius: 20px;
  box-shadow: none;
  height: 5px;
  margin-bottom: 35px;
  padding: 12px 0;
  position: relative;
}
.skill .progress-bar > span {
  color: #fff;
  float: right;
  font-family: open sans;
  font-size: 11px;
  line-height: 0;
  margin-right: 13px;
  position: relative;
}
.skill .progress:last-child {
  margin: 0;
}
.style-2 .skill .progress:last-child {
  margin: 0 !important;
}
.progress-bar {
  box-shadow: none;
}
.team-titel.center h1 {
  color: #666;
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 23px;
  padding-bottom: 15px;
  position: relative;
}
.team-titel.center > h1::before {
  background: #ddd none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 150px;
}
.team-titel.center p {
  color: #666;
  margin: 0 0 70px;
}
.team-titel.center.wdth > h1::before {
  width: 70px;
}
.team-titel.center.wdth h1 {
  margin: 0 0 35px;
}
.testimonial-area.style-4 .testimonial-img > img {
  border-radius: 0;
}
.testimonial-area.style-4 .test-author h4,.testimonial-area.style-4 .single-testimonial > p,.testimonial-area.style-4 .test-author .qx-designation {
  color: #666 !important;
}
.testimonial-area.style-4 .owl-prev {
  left: 0;
  position: absolute;
}
.testimonial-area.style-4 .owl-next {
  position: absolute;
  right: 0;
}
.testimonial-area.style-4  .owl-theme .owl-controls,.provide-area .owl-theme .owl-controls {
  left: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 25%;
  width: 100%;
}
.testimonial-area.style-4 .owl-theme .owl-controls .owl-buttons div{
  background: transparent none repeat scroll 0 0;
  border-radius: 0;
  color: #222;
  display: inline-block;
  font-size: 50px;
  margin: 0;
  opacity: 1;
  padding: 0;
}
.provide-area .owl-theme .owl-controls .owl-buttons div {
  background: #000 none repeat scroll 0 0;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 40px;
  height: 55px;
  line-height: 49px;
  margin: 0;
  opacity: 0.8;
  padding: 0;
  width: 55px;
}
.client-single > img {
  width: 100%;
}
/*------------ 40. Particels Heading Area -------------*/
.heading-left {
  float: left;
}
.heading-left h1 {
  font-size: 24px;
  line-height: 45px;
  margin: 0;
  text-transform: uppercase;
}
.heading-right {
  float: right;
}
.heading-right > a {
  color: #666666;
  display: block;
  font-size: 13px;
  overflow: hidden;
  text-transform: uppercase;
  transform: translateY(60%);
}
/*------------ 41. About Map Area -------------*/
.map-right {
  padding: 40px 35px;
  background: #d6223d none repeat scroll 0 0;
  color: #fff;
}
.single-icon-list i {
  float: left;
  font-size: 36px;
  margin-right: 20px;
}
.icon-content > h3 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 15px;
}
.icon-content > span {
  font-size: 15px;
}
.contact-form {
  border: 1px solid #ddd;
  padding: 45px 45px 35px;
}
.contact-form .form-all {
  margin-right: 18px;
}
.contact-form .form-all input {
  border: 1px solid #e5e5e5;
  box-shadow: none;
  font-size: 15px;
  color: #999;
}
.contact-form *::-moz-placeholder {
  color: #999;
  font-size: 15px;
}
.contact-form .form-group label {
  font-size: 15px;
  color:#666;
}
.contact-form .form-textarea textarea {
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  color: #aaaaaa;
  box-shadow: none;
}
.contact-form .form-button button {
  background: #d6223d none repeat scroll 0 0;
  padding:12px 25px;
  font-size:15px;
}
.contact-form .form-button button:hover {
  background: #d6223d none repeat scroll 0 0;
}
.contact-heading {
  text-align: center;
}
.contact-heading > h1 {
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 6px;
}
.contact-heading span{
  position: relative;
}
.contact-heading span i {
  color: #d0d0d0;
  font-size: 10px;
  height: 10px;
  width: 10px;
}
.contact-heading > span::after,.contact-heading > span::before {
  background: #d9d9d9 none repeat scroll 0 0;
  bottom: 9px;
  content: "";
  height: 1px;
  position: absolute;
  right: 20px;
  width: 180px;
}
.contact-heading > span::before {
  left: 16px;
}
/*------------ 42. Contact Page Area -------------*/
.location-adress-area{}
.titel h4 {
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 20px;
}
.titel h4::before {
  background: #ddd none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 26%;
}
.adress-list ul li {
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 10px;
}
.adress-list li:last-child {
  margin-bottom: 0;
}
.adress-list ul li a {
  color: #d6223d;
}
.adress-list ul li span i {
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #666;
  font-size: 12px;
  height: 25px;
  margin-right: 5px;
  padding: 5px;
  text-align: center;
  width: 25px;
}
p.form-messege{margin-top:15px;font-size:20px}
p.success {
  color: green;
}
p.error {
  color: red;
}
/*------------ 43. Meet The Team page -------------*/
.our-skill-area .section-heading{margin-bottom:70px}
.single-skill{text-align:center}
.single-skill h4 {
  color: #bbbbbb;
  font-size: 22px;
  font-weight: normal;
  left: 0;
  line-height: 155px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
input.knob {
  color: #666666 !important;
  font-family: open sans !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  margin-top: 70px !important;
}
.text-center .team-titel > h2 {
  color: #666;
}
.joinwithus-area .team-titel p {
  color: #fff !important;
  font-size: 17px;
  padding: 0 7%;
}
.joinwithus-area .team-titel.clr p {
  color: #666 !important;
  font-size: 15px;
}
.style-2 .skill .progress {
  background-color: #f0f0f0;
  border: medium none;
  border-radius: 2px;
  box-shadow: none;
  margin-bottom: 35px;
  padding: 16px 0;
  position: relative;
}
.style-2 .skill .progress-bar {
  background-color: rgba(245, 124, 0, 1);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  border-radius: 2px;
  margin-top: -17px;
  padding: 16px 0;
}
.style-2 .skill .progress .lead {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  color: #fff;
  font-family: open sans;
  font-size: 14px;
  font-weight: normal;
  left: 5px;
  line-height: 23px;
  margin-bottom: -1px;
  margin-top: 4px;
  padding: 0 5px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  z-index: 99;
  border-radius: 2px;
}
.style-2 .skill .progress-bar > span {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  float: right;
  font-family: open sans;
  font-size: 14px;
  line-height: 0;
  margin-right: 5px;
  margin-top: -10px;
  padding: 11px;
  position: relative;
}
.team-3 .team-titel.center p {
  margin: 0 0 50px;
}
/*------------ 44. Plan And Pricing Page -------------*/
.style-2 .pricing-details ul li {
  color: #666666;
}
.style-2 .pricing-table-title {
  font-family: roboto;
}
.pricing-details span {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  padding-bottom: 3px;
}
.style-2 .duration::after {
  left: 60px;
}
.standard {
  height: 595px;
  margin-top: -30px;
  overflow: hidden;
  position: relative;
}
.su-plan-badge {
  background-color: #ed5564;
  border-color: #e8273a;
  border-style: solid;
  border-width: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  padding: 5px 8px;
  position: absolute;
  right: -35px;
  text-align: center;
  top: 23px;
  transform: rotate(45deg);
  width: 125px;
}
.pricing-details ul li span + .tooltip > .tooltip-inner {
  background-color: #444444;
  border-radius:0px;
  padding:10px 15px;
}
.pricing-details ul li span + .tooltip.top > .tooltip-arrow {
  border-top: 5px solid #444444;
}
.help-about-area .team-titel p {
  color: #666;
  margin-bottom: 50px;
  padding: 0 17%;
}
.single-help {
  border: 1px solid #ddd;
  padding: 30px 20px;
  text-align: center;
}
.icon-help i {
  color: #d6223d;
  font-size: 42px;
}
.help-description > h3 {
  font-size: 18px;
  margin: 20px 0 10px;
}
.help-description > p {
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  margin: 0 0 25px;
}
.help-description > a {
  color: #d6223d;
}
.help-description > a:hover,.quick-link-single ul > li a:hover,.design-meta ul li a:hover,.category-single h1 a:hover,
.product-name-row a:hover,.product-code-row > a:hover{
  text-decoration:underline;
}
/*------------ 45. Our Service Page -------------*/
.provide-text h2 {
  font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
  font-size: 48px;
  font-weight: 300;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin: 115px 0 0;
}
.provide-text span {
  color: #d6223d;
  font-weight: 900;
}
.provide-area .owl-theme .owl-controls {
  top: 42%;
}
.provide-area .owl-prev {
  left: 20px;
  position: absolute;
}
.provide-area .owl-next {
  right: 20px;
  position: absolute;
}
/*--------- 46. Service We Offer ---------*/
.srvice-titel > h3 {
  color: #666666;
  font-size: 24px;
  line-height: 24px;
  position: relative;
  text-align: center;
}
.srvice-titel > h3::after {
  background: #aaa none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 45%;
  width: 41%;
}
.srvice-titel > h3::before {
  background: #aaa none repeat scroll 0 0;
  content: "";
  height: 1px;
  position: absolute;
  right: 0;
  top: 57%;
  width: 41%;
}
.service-offer-single .make-single i {
  color: #d6223d;
}
.service-offer-single .make-decs > h3 {
  color: #666666;
  font-size: 16px;
  margin-bottom: 10px;
}
.touch-text > h3 {
  color: #fff;
  font-size: 36px;
  line-height: 58px;
  margin: 0;
}
.touch-button{margin:0;}
.touch-button a {
  border: 2px solid #fff;
  border-radius: 30px;
  color: rgba(255, 255, 255, 1);
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 15px;
  text-align: center;
  width: 200px;
}
.touch-button a:hover {
  background: #e5e5e5 none repeat scroll 0 0;
  border-color: #e3e3e3;
  color: #666666;
}
.service-offer-single.style-2 .make-decs > h3 {
  font-size: 18px;
}
.service-offer-single.style-2 .make-single i {
  font-size: 20px;
  margin-right: 10px;
}
.joinwithus-area .sup-button {
  width: 550px;
}
.joinwithus-area .team-titel > h3 {
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 5px;
}
/*---------- 47. Frequently asked question page -----------*/
.left-area .nav-tabs {
  border-bottom: 0 none;
}
.left-area .nav-tabs > li.active > a,.left-area .nav-tabs > li.active > a:focus,.left-area .nav-tabs > li.active > a:hover { border-width: 0; }
.left-area .nav-tabs > li > a { border: none; color: #666; }
.left-area .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #444 !important;
  font-weight: 600;
  text-transform: uppercase;
}
.left-area .nav-tabs > li > a::after {
  background: #666 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  transform: scale(0);
  transition: all 250ms ease 0s;
  width: 100%;
}
.left-area .nav-tabs > li.active > a::after,.left-area .nav-tabs > li:hover > a::after { transform: scale(1); }
.left-area .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
.tab-content, .tab-pane {
  padding: 0;
}
.nav > li > a {
  color: #787878;
  display: block;
  font-weight: 600;
  padding: 0 15px 8px;
  position: relative;
  text-transform: uppercase !important;
}
.tab-item ul li {
  border-bottom: 1px dotted #eaeaea;
  margin-bottom: 15px;
  padding-bottom: 15px;
  cursor:pointer;
}
.tab-item li:last-child {
  margin: 0;
}
.tab-item ul li a {
  color: #474747;
  font-family: "Roboto",sans-serif;
  font-size: 15px;
}
.tab-item ul li a i, .tab-item ul li i{margin-right:5px;}
/*---- 48. Frequency Right Area ----*/
.right-area {
  background: #f5f5f5 none repeat scroll 0 0;
  padding: 30px 30px 50px;
}
.text-content a {
  border: 1px solid #d6223d;
  border-radius: 20px;
  color: #444;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 50px;
  padding: 10px 35px;
  transform: translate3d(0px, 0px, 0px);
  transition: all 0.4s ease 0s;
}
.text-content a:hover{
  background-color: #d6223d;
  color: #fff;
}
.text-content > h3 {
  color: #666;
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 24px;
}
.text-content > p {
  font-weight: 400;
  line-height: 27px;
}
/*---- 49. Frequency Quick Link Bottom ----*/
.quick-link-area .custom-row {
  margin: 0 -5px;
}
.quick-link-area .col-md-4 {
  padding:0 5px;
}
.frist-link-bg{background-color:#fdfdfd}
.second-link-bg{background-color:#fbfbfb}
.third-link-bg{background-color:#f7f7f7}
.quick-link-single{padding:35px;}
.quick-link-single h3 {
  color: #666666;
  font-size: 19px;
  line-height: 25px;
  margin: 0 0 20px;
}
.quick-link-single ul > li {
  border-bottom: 1px solid #e5e5e5;
  list-style: outside none none;
  margin-bottom: 5px;
  padding-bottom: 5px;
  position: relative;
}
.quick-link-single ul > li::after {
  color: #666;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  position: absolute;
  right: 0px;
}
.quick-link-single ul > li a {
  color: #d6223d;
  font-size: 15px;
  line-height: 27px;
  text-decoration: none;
}
.quick-link-single ul > li:last-child {
  border-bottom: none;
}
.expand-close {
  cursor: auto;
  display: none;
  margin: 10px 0 0 23px;
}
/*---------- 50. Client Testimonial Page ------------*/
.team-titel > h1 {
  font-size: 22px;
  margin: 0 0 20px;
}
.wh-titl {
  color: #fff;
}
.ctestimonial-text {
  background: #fff none repeat scroll 0 0;
  border: 4px solid #eee;
  color: #474747;
  margin: 0 0 10px;
  padding: 40px 40px 40px 70px;
  position: relative;
  text-align: justify;
}
.ctestimonial-text::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #eeeeee transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 12px;
  bottom: -27px;
  content: "";
  left: 16px;
  position: absolute;
}
.ctestimonial-text::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  bottom: -16px;
  content: "";
  left: 20px;
  position: absolute;
}
.ctestimonial-text span.quote::before {
  color: rgba(0, 0, 0, 0.1);
  content: "“";
  font-family: tahoma;
  font-size: 100px;
  font-style: normal;
  left: 20px;
  line-height: 1;
  position: absolute;
  top: 31px;
}
.ctestimonial-text > p {
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  margin-top: 20px;
}
.ctestimonial-photo img{
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin-left: 8px;
  margin-top: -25px;
}
.ctestimonial-photo {
  display: inline-block;
  margin-left: 6px;
  margin-top: 35px;
}
.testimonial-cite {
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  margin-left: 15px;
  margin-top: 8px;
}
.testimonial-cite a{
  color: #d6223d;
  cursor: pointer;
  text-decoration: none;
}
.su-testimonial-name {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.contact-form.style-2{
  border: none;
  padding:0;
}
.contact-form.style-2 .form-all {
  margin-right: 20px;
}
.contact-form.style-2 .form-all input,.contact-form .form-textarea textarea{
  background: #fff none repeat scroll 0 0;
}
/*---------- 51. Photo Gallery 3 Page ------------*/
.gallery-area .custom-row {
  margin: 0 -5px;
}
.gallery-area .col-md-4,.gallery-area .col-md-3,.gallery-area .col-md-5,.gallery-area .col-md-7 {
  padding:0 5px;
}
.gallery-single {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}
.gallery-single > img {
  width: 100%;
}
.gallery-overlay a {
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.75);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  width: 0;
  z-index: 1;
}
.gallery-single:hover .gallery-overlay a {
  opacity: 1;
  width: 100%;
}
.gallery-single a:hover {
  background-color: rgba(200, 200, 200, 0.5);
}
.gallery-overlay a i {
  font-size: 24px;
  left: 50%;
  margin-left: -11px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
}
/*---------- 52. Photo Gallery 4 Page ------------*/
.style-2 .gallery-single .gallery-overlay a::after {
  border: 2px solid rgba(255, 255, 255, 0.38);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity 0s ease 0s, transform 0s ease 0s, border 0s ease 0s;
  visibility: hidden;
  width: 100%;
}
.style-2 .gallery-single .gallery-overlay a:hover::after {
  opacity: 0;
  transform: scale(1.3);
  transition-duration: 0.5s;
  visibility: visible;
}
.style-2 .gallery-single .gallery-overlay a:hover {
  background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
}
.style-2 .gallery-single:hover .gallery-overlay a {
  opacity: 1;
  transform: translateY(0px);
}
.style-2 .gallery-single .gallery-overlay a {
  background-color: rgba(255, 255, 255, 0.31);
  border-radius: 50%;
  color: #ffffff;
  height: 46px;
  left: 50%;
  line-height: 46px;
  margin-left: -20px;
  margin-top: -20px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(20px);
  transition: all 0.25s ease-in-out 0s;
  width: 46px;
  z-index: 1;
}
.style-2 .gallery-overlay a i {
  font-size: 15px;
  left: 60%;
  position: absolute;
  top: 60%;
}
/*---------- 53. Blog Column 2 Page ------------*/
.blog-tab li {
  border-color: #d6223d;
  display: inline-block;
  margin-bottom: 40px;
  position: relative;
}
.blog-tab li a {
  background-color: #ffffff;
  border: 1px solid #ececec;
  color: #888888;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  margin-right: 10px;
  padding: 8px 15px;
  text-transform: uppercase;
  transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;
}
.blog-tab li a:hover,.style-5 .blog-tab li a:hover{background-color:#d6223d;color: #fff;}
.blog-tab li.active a,.style-5 .blog-tab li.active a{
  background-color: #d6223d;
  border-color: #d6223d;
  color: #fff;
}
span.filter-counter {
  background-color: #d6223d;
  border-color: #d6223d;
  border-radius: 3px;
  bottom: 0;
  color: #fff;
  font: 400 11px/18px "Open Sans",sans-serif;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  padding: 4px 0;
  position: absolute;
  right: 0;
  text-align: center;
  transition: opacity 0.25s ease 0s, bottom 0.25s ease 0s;
  width: 34px;
}
span.filter-counter::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #d6223d;
  bottom: -4px;
  content: "";
  display: none;
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
}
.blog-tab li:hover .filter-counter {
  bottom: 44px;
  opacity: 1;
}
.blog-tab li:hover .filter-counter::after {
  display: block;
}
.single-img {
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}
.tag-img {
  background-color: rgba(24, 22, 22, 0.7);
  bottom: -60px;
  cursor: pointer;
  display: block;
  opacity: 0;
  overflow: hidden;
  padding: 20px 0;
  position: absolute;
  text-align: center;
  transform: scaleY(0);
  transition: all 0.6s ease 0s;
  width: 100%;
}
.tag-img a,.tag-img-left a,.tag-img-full a,.tag-img-border > a{
  color: #fff;
  letter-spacing: 3px;
}
.single-img:hover .tag-img{
  opacity:1;
  bottom:0;
  transform:scaley(1);
}
.blog-single .recent-blog-title > a {
  font-family: roboto;
  font-weight: normal;
}
.blog-single .blog-info {
  padding-bottom: 15px;
  padding-top: 4px;
}
.blog-text > p {
  color: #111;
  font-size: 15px;
  line-height: 27px;
  margin:0;
}
/* loa more */
.load-more-btn {
  text-align: center;
}
.load-more-btn button {
  background-color: transparent;
  border: 1px solid #dedede;
  border-radius: 40px;
  color: #7e7b7b;
  font-size: 12px;
  padding: 10px 35px;
  text-align: center;
  text-transform: uppercase;
  transition: all 600ms ease-in-out 0s;
}
.load-more-btn button:hover {
  color: #b0b0b0;
  box-shadow: 0 18px 38px rgba(171, 171, 171, 0.33);
}
.load-more,.load-ocean,.load-creative,.load-technology,.load-natural{display:none;overflow:hidden;}
.blog-area .custom-row {
  margin: 0 -8px;
}
.blog-area .col-md-6,.blog-area .col-md-4,.blog-area .col-md-3,.blog-area .col-md-5,.blog-area .col-md-7 {
  padding-left: 8px;
  padding-right: 8px;
}
.blog-tab li a:last-child {
  margin-right: 0;
}
/*---------- 54. Blog Column 3 Page ------------*/
.tag-img-left {
  background: #282727 none repeat scroll 0 0;
  height: 100%;
  left: -50%;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 50%;
}
.single-img:hover .tag-img-left{
  opacity:1;
  visibility:visible;
  left:0;
}
.tag-img-left a {
  display: block;
  margin-top: 50%;
}
/*---------- 55. Blog Column 4 Page ------------*/
.style-2 .blog-tab li a{
  margin-right: 5px;
  font-size: 11px;
}
.tag-img-full {
  background: #282727 none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  opacity:0;
  visibility:hidden;
  transition:.4s;
}
.single-img:hover .tag-img-full{
  opacity:1;
  visibility:visible;
}
.tag-img-full a {
  display: block;
  margin-top: 25%;
}
/*---------- 56. Blog Column 5 Page, Blog Column 6 Page ------------*/
.style-3 .blog-tab li a {
  border-radius: 20px;
}
.style-4 .blog-tab li.active a {
  background-color: transparent;
  border: medium none;
  color: #2d2c2c;
}
.style-4 .blog-tab li a {
  background-color: transparent;
  border: medium none;
  color: #949494;
  position: relative;
  margin-right:0;
  font-size:13px;
}
.style-4 .blog-tab li a:hover{color: #2d2c2c;}
.style-4 .blog-tab li a::before {
  content: "|";
  position: absolute;
  right: -5px;
}
.style-4 .blog-tab li:last-child a::before{display:none;}
.style-4 span.filter-counter::after {
  border-top: 4px solid #626161;
}
.style-4 span.filter-counter {
  background-color: #626161;
}
.style-4 .blog-tab li:hover .filter-counter {
  bottom: 38px;
  opacity: 1;
}
.tag-img-border {
  border: 1px solid #d6223d;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  width: 100%;
  visibility:hidden;
  opacity:0;
}
.tag-img-border > a {
  display: block;
  margin-top: 64px;
}
.single-img:hover .tag-img-border{
  visibility:visible;
  opacity:1;
}
.select-dropdown ul li {
  background: #4d4c4d none repeat scroll 0 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.select-dropdown ul li a {
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 10px 40px 10px 20px;
  width: 200px;
}
.select-dropdown > ul > li::after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: "";
  height: 0;
  margin-top: -1px;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 0;
}
.select-dropdown ul ul {
  background:#4d4c4d none repeat scroll 0 0;
  left: 0;
  list-style: outside none none;
  margin-left: 0;
  margin-right: 0;
  min-width: 107px;
  opacity: 0;
  padding-bottom: 10px;
  padding-top: 10px;
  position: absolute;
  text-align: left;
  top: 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  z-index: 9999999;
}
.select-dropdown ul ul li a {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #595959 -moz-use-text-color -moz-use-text-color;
  border-image: none;
  border-radius: 0;
  border-style: solid none none;
  border-width: 1px medium medium;
  color: #b3b3b3;
  display: block;
  font-family: open sans;
  font-size: 12px;
  font-weight: 400;
  height: inherit;
  margin: 0;
  min-width: 135px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
}
.select-dropdown ul ul li a:hover{color: #e6e6e6;}
.select-dropdown ul li:hover ul {
  opacity: 1;
  visibility: visible;
  top:37px;
}
.column-portfolio,.caption-single {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  cursor:pointer;
}
.protfolio-effect-text {
  background-color: #d6223d;
  bottom: 0px;
  padding: 13px 25px;
  position: absolute;
  width: 100%;
  transition:.5s;
  visibility:visible;
}
.column-portfolio > a {
  display: block;
  position: relative;
}
.protfolio-effect-text > h4, .cptn-content h4,.caption-discrib h4,.caption-text-left h4,.caption-text-box h4,.protfolio-effect-box h4{
  color: #fff;
  font-family: roboto;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
.caption-text-box.border > h4,.caption-text-box.border > p {
  color: #111;
}
.protfolio-effect-text > p,.cptn-content p,.caption-discrib p,.caption-text-left p,.caption-text-box p,.protfolio-effect-box p {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
.column-portfolio:hover .protfolio-effect-text{opacity:1;visibility:visible;bottom:0;}
.column-two .custom-row {
  margin: 0;
}
.column-two .col-md-6 {
  display: block;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
}
.prt-img img {
  width: 100%;
}
#coulmn-protfolio-item .mix{display:none;}
#coulmn-protfolio-item .column-2 {
  float: left;
  overflow: hidden;
  padding-right: 10px;
  position: relative;
  width: 50%;
}
#coulmn-protfolio-item .column-3,#coulmn-protfolio-item .column-4,#coulmn-protfolio-item .column-5,#coulmn-protfolio-item .column-6 {
  float: left;
  overflow: hidden;
  padding-right: 10px;
  position: relative;
  width: 33.33%;
}
#coulmn-protfolio-item .column-4 {
  width: 25%;
}
#coulmn-protfolio-item .column-5{
  width: 20%;
}
#coulmn-protfolio-item .column-6{
  width:16.66%;
}
.column-five .container-fluid,.slider-column .container-fluid,.gallery-area .container-fluid,.blog-area .container-fluid{
  padding-left: 90px;
  padding-right: 90px;
}
/*---------- 57. Caption Style-1-5 Page ------------*/
.caption-titel > h1 {
  color: #444;
  font-size: 32px;
  line-height: 32px;
  padding-bottom: 15px;
  position: relative;
}
.caption-titel > h1::after {
  background: #666 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 30px;
}
.caption-style .custom-row {
  margin: 0 -5px;
}
.caption-style .col-md-3,.caption-style .col-md-4, .caption-style .col-md-12{
  padding-left: 5px;
  padding-right: 5px;
}
.cptn-content {
  background: #000 none repeat scroll 0 0;
  bottom: -100%;
  cursor: pointer;
  height: 100%;
  opacity: 0;
  padding: 30px;
  position: absolute;
  transition: all 0.6s ease 0s;
  visibility: hidden;
  width: 100%;
}
.cptn:hover .cptn-content{
  opacity:1;
  bottom:0;
  visibility:visible;
}
.cptn-img,.style-2 .cptn-img{
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.cptn:hover .cptn-img{transform: translateY(-100%);}
.style-2 .cptn-content {
  top: -100%;
}
.style-2 .cptn:hover .cptn-content{
  top:0;
}
.style-2 .cptn:hover .cptn-img{transform: translateY(100%);}
.style-3 .cptn-content {
  right: -100%;
  bottom:0;
}
.style-3 .cptn:hover .cptn-content{
  right:0;
}
.style-3 .cptn:hover .cptn-img{transform: translateY(0%);}

.caption-discrib p {
  color:rgba(255, 255, 255, 0.9);
}
.caption-discrib {
  background-color: #d6223d;
  border-color: #d6223d;
  height: 100%;
  left: -100%;
  padding-right: 30px;
  padding-top: 30px;
  position: absolute;
  top: 0;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  width: 100%;
  z-index: 2;
}
.caption-effect:hover .caption-discrib{
  text-align: right;
  transform: translateX(77%) skewX(-13deg) !important;
  transform: translateX(100%);
}
.caption-effect .protfolio-effect-text{background:rgba(24, 22, 22, 0.7);}
.caption-effect:hover .protfolio-effect-text {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.img-up{
  top: 0;
  overflow: hidden;
  position: relative;
  display: block;
  transition:.6s;
}
.caption-effect:hover .img-up{top: -59px;}
.column-portfolio:hover .img-up{top: -59px;}
/*--- Effect Caption6 ---*/
.caption-text-left {
  background: #282727 none repeat scroll 0 0;
  height: 100%;
  left: -50%;
  opacity: 0;
  padding: 30px;
  position: absolute;
  text-align: left;
  top: 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 50%;
}
.caption-effect:hover .caption-text-left {
  left: 0;
  opacity: 1;
  visibility: visible;
}
.img-left{
  right: 0;
  overflow: hidden;
  position: relative;
  display: block;
  transition:.5s;
}
.caption-effect:hover .img-left{right: -20%;}
/*--- Effect Caption7 ---*/
.caption-text-box {
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  cursor: pointer;
  height: 100%;
  opacity: 0;
  padding: 30px 0 0 30px;
  position: absolute;
  transition: all 0.6s ease 0s;
  visibility: hidden;
  width: 100%;
}
.caption-effect:hover .caption-text-box {
  opacity: 1;
  visibility: visible;
}
.caption-text-box.text-effect h4 {
  margin-top: -10px;
  transition:.4s;
}
.caption-text-box.text-effect p {
  margin-top: 20px;
  transition:.4s;
}
.caption-effect:hover .caption-text-box.text-effect h4,.caption-effect:hover .caption-text-box.text-effect p{margin:0;}
.caption-effect:hover .caption-effect-img.scale {
  transform: scale(1.25);
}
.caption-effect-img.scale {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.caption-text-box.border {
  background: transparent;
  border: 1px solid #d6223d;
}
.style-5 .blog-tab li a {
  background-color: #ffffff;
  border: medium none;
  font-family: roboto;
  font-size: 11px;
  font-weight: 600;
}
.style-6 .blog-tab li {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #d6223d -moz-use-text-color #d6223d #d6223d;
  border-image: none;
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  display: inline-block;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.style-6 .blog-tab > li:last-child {
  border-right: 1px solid #d6223d;
}
.style-6 .blog-tab {
  margin-left: 25%;
}
/*---------- 58. Portfolio Page ------------*/
.protfolio-style .col-md-3, .protfolio-style .col-md-4, .protfolio-style .col-md-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.protfolio-style .left-area {
  margin: 0 auto 0 25%;
}
.protfolio-style .column-portfolio,.protfolio-style .caption-single {
  margin-bottom: 0px;
}
.protfolio-effect-box {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  padding-top: 20%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  opacity:0;
  visibility:hidden;
  transition:.4s;
}
.caption-effect:hover .protfolio-effect-box{
  opacity:1;
  visibility:visible;
}
.prt-icon > a i {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  border-radius: 50%;
  color: #000;
  height: 40px;
  line-height: 42px;
  margin-right: 5px;
  text-align: center;
  width: 40px;
}
.protfolio-effect-box h4 {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.prt-icon > a i:hover{background-color:#fff;}
.protfolio-style.style-4 .blog-tab li a::before {
  content: "/";
  position: absolute;
  right: -5px;
}
.design-description h2 {
  border-bottom: 1px solid #eee;
  font-size: 24px;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.fulltext {
  display: block;
  margin: 40px 0;
  overflow: hidden;
}
.fulltext > ul {
  float: left;
  width: 50%;
}
.fulltext ul li {
  color: #666;
  font-size: 15px;
  line-height: 30px;
}
.fulltext ul li i {
  color: #b6ac96;
  margin-right: 10px;
}
.design-content > p,.design-description p {
  color: #666;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
}
.image-area a img:hover {
  opacity: 0.8;
}
.design-meta,.log-in-right {
  background: #f7f7f7 none repeat scroll 0 0;
  padding: 25px;
}
.design-meta ul li {
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
}
.design-meta ul li a{
  color:#d6223d;
}
.design-meta ul li:last-child {
  margin: 0;
  padding: 0;
  border-bottom:none;
}
.design-meta li:nth-child(8) {
  border-bottom: medium none;
  margin: 0;
  padding: 0;
}
.design-meta ul li span {
  color: #444;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  width: 150px;
}
.design-meta ul li span.socile-icon {
  display: inline;
}
.design-meta ul li span.socile-icon i {
  border: 1px solid #e5e5e5;
  color: #d6223d;
  font-size: 18px;
  height: 55px;
  line-height: 55px;
  margin-right: 4px;
  text-align: center;
  width: 55px;
  transition:.4s;
  cursor:pointer;
}
.design-meta ul li span.socile-icon i:hover{background:#d6223d;color:#fff;border-color:#d6223d;}
.design-meta ul li.social-area {
  display: block;
  margin-top: 50px;
}
/*---------- 59. Slider Column Two Page ------------*/
.slider-column .custom-row {
  margin: 0 -5px;
}
.slider-column .col-md-12 {
  padding-left: 5px;
  padding-right: 5px;
}
.slider-column .owl-buttons {
  left: -4px;
  position: absolute;
  text-align: right;
  top: -35px;
  width: 100%;
}
.slider-column .owl-theme .owl-controls .owl-buttons div {
  background: #7c8b90 none repeat scroll 0 0;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  margin-right: 2px;
  margin-top: 0;
  opacity: 0.5;
  padding: 2px 10px;
}
.slider-column .owl-theme .owl-controls .owl-page span {
  background: #869791 none repeat scroll 0 0;
  border-radius: 20px;
  display: block;
  height: 10px;
  margin: 5px;
  opacity: 0.5;
  width: 10px;
}
.slider-column .caption-single {
  margin-bottom: 0px;
  margin-top: 18px;
}
.layout-boxed {
  background-attachment: fixed;
}
.layout-boxed-wrapper {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  max-width: 1440px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.header-style2 .main-menu {
  float:none;
}
.header-style2 .main-menu ul li .mega-menu{right: -803px;}
.header-style2 .main-menu ul li .mega-menu.mega-menu-shop{right: -566px;}
.header-style2.three .main-menu ul li .mega-menu.mega-menu-shop {
  right: -310px;
}
.header-style2 .main-menu ul li .mega-menu.page{right: -497px;}
.header-style2.three .main-menu ul li .mega-menu.page {
  right: -253px;
}
/*---------- 60. Category Listing Page ------------*/
.category-single > h1{
  margin: 0;
}
.category-single h1 a {
  font-size: 14px;
  text-transform: uppercase;
}
.category-single h1 a:hover {
  color:#d6223d;
}
.category-footer {
  border-top: 1px solid #f0f0f0;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}
.category-footer a{
  color:#888;
}
.category-footer a:hover{
  color:#666;
}
/*---------- 61. Product Listing Page ------------*/
.producut-single,.item-img {
  display: block;
  overflow: hidden;
  position: relative;
}
.compare > a {
  background-color: #d6223d;
  border-radius: 40px;
  color: #fff;
  display: block;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  position: absolute;
  right: -50px;
  text-align: center;
  top: 15px;
  transition: all 0.5s ease 0s;
  width: 36px;
  opacity:0;
  visibility:hidden;
}
.compare > a:hover{background: #d6223d none repeat scroll 0 0;}
.producut-single:hover .compare > a{opacity:1;visibility:visible;right:15px;}
.choice-option h6 {
  background: #d6223d none repeat scroll 0 0;
  color: #fff;
  font-family: open sans;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 14px 0;
  text-align: center;
  text-transform: uppercase;
}
.choice-option h6 {
  background: #d6223d none repeat scroll 0 0;
  bottom: -30px;
  color: #fff;
  font-family: open sans;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 14px 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  opacity:0;
  visibility:hidden;
  transition:.5s;
}
.producut-single:hover .choice-option h6{opacity:1;visibility:visible;bottom:0px;}
.product-details {
  color: #666;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}
.product-details h2 a {
  display: inherit;
  font-family: open sans;
  font-size: 16px;
}
.product-details h2 a:hover{color:#000;}
.product-details > h4,.product-price-row h4,.single-pro-titel h4 {
  font-size: 16px;
  font-family: open sans;
}
.product-details h4 span,.product-price-row h4 span,.single-pro-titel h4 span{
  font-size: 12px;
  font-weight: normal;
  margin-left: 5px;
  text-transform: uppercase;
}
.product-details > p {
  color: #666;
  font-size: 11px;
}
.product-listing-cursol .product-details > p {
  margin:0;
}
.product-vote ul li {
  color: #666;
  padding: 0;
}
.diplay-left label,.result span{
  color: #333;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
}
.diplay-left select {
  -moz-appearance: none;
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ddd;
  box-shadow: none;
  color: #333;
  font-family: open sans;
  font-size: 13px;
  font-weight: bold;
  margin-left: 15px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-top: 8px;
  width: 120px;
}
.diplay-left option {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-weight:normal;
  padding-left: 10px;
}
.border {
  border-top: 1px solid #f0f0f0;
}
.diplay-left {
  margin-bottom: 35px;
  margin-top: 35px;
}
.diplay-right {
  margin-bottom: 46px;
  margin-top: 46px;
}
/*---------- 62. Product Listing Cursol Page ------------*/
.productlist-area .owl-theme .owl-controls {
  margin-bottom: 15px;
  margin-top: 0;
  text-align: center;
}
.productlist-area .owl-theme .owl-controls .owl-page span {
  background: rgba(181, 181, 181, 0.43);
  border-radius: 20px;
  display: block;
  height: 8px;
  margin: 0 4px;
  opacity: 1;
  width: 8px;
}
.productlist-area .owl-theme .owl-controls .owl-page.active span,.productlist-area .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #d6223d none repeat scroll 0 0;
  opacity: 1;
}
.img-panel {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  bottom: 0;
  padding: 8px 0 12px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.img-panel h3,.img-panel p{margin:0;}
.img-panel h3 a {
  color: #ddd;
  font-size: 15px;
}
.img-panel p a {
  color: #aaa;
  font-size: 12px;
  font-weight: 700;
}
.product-stock {
  background: #ffffff none repeat scroll 0 0;
  height: 100%;
  left: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 100%;
  cursor:pointer;
}
.item-img:hover .product-stock{
  opacity:1;
  visibility:visible;
  left: 0;
}
.product-stock > h1 {
  background: #d6223d none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 0;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  height: 170px;
  left: 0;
  line-height: 170px;
  margin: 82px auto;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 170px;
}
.productlist-women-area .owl-theme .owl-controls {
  margin-bottom: 22px;
  margin-top: 0;
  text-align: center;
}
.productlist-women-area .owl-theme .owl-controls .owl-page span.owl-numbers {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #d6223d;
  border-radius: 50%;
  font-size: 10px;
  height: 20px;
  line-height: 18px;
  margin: 0 4px;
  padding: 0;
  text-align: center;
  width: 20px;
  color:#d6223d;
  opacity:1;
}
.productlist-women-area .owl-theme .owl-controls .owl-page.active span,.productlist-women-area .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #d6223d none repeat scroll 0 0;
  color: #fff;
}
/*---------- 63. Men Accessories Page ------------*/
table.products-table {
  width: 100%;
}
.products-table thead tr th {
  background-color: #444;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 15px 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
.products-table tr {
  border-bottom: 1px solid #eee;
}
.products-table .product-image-row {
  border-left: 1px solid #eee;
  display: block;
  padding: 8px;
  width: 130px;
}
.products-table .product-name-row,.product-code-row,.product-vote-row,.product-price-row,.product-add-wishlist {
  vertical-align: middle;
  text-align: center;
}
.products-table .product-name-row {
  width: 240px;
}
.product-name-row a {
  color: #666;
  display: block;
  font-size: 15px;
  font-weight: bold;
}
.product-name-row a:hover{color:#d6223d;}
.product-code-row > a{color:#d6223d;}
td.product-add-wishlist {
  border-right: 1px solid #eee;
}
.product-add-wishlist > a {
  background: #d6223d none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  height: 85px;
  line-height: 85px;
  overflow: hidden;
  width: 85px;
}
.product-add-wishlist > a:hover {
  background: #d6223d none repeat scroll 0 0;
}
.pagination {
  border-radius: 0;
  margin-bottom: 32px;
  margin-left: 20px;
  margin-top: 32px;
  overflow: hidden;
  vertical-align: middle;
}
.pagination ul{
  margin-left:0;
}
.pagination ul li{padding:0;}
.pagination ul li a {
  background: #eeeeee none repeat scroll 0 0;
  color: #666;
  display: block;
  line-height: 30px;
  padding: 10px 20px;
  text-align: center;
}
.pagination ul li a:hover {
  background: #f5f5f5;
}
.pagination ul li.active a {
  background: #d6223d none repeat scroll 0 0;
  color:#fff;
}
.pagination .result {
  margin-left: 20px;
}
.product-list-item img {
  float: left;
  margin-right: 20px;
}
.product-category-area .product-details {
  overflow: hidden;
  padding-top: 5px;
}
.product-category-area .product-details > p {
  color: #999;
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 5px;
}
.product-category-area .product-details h2 {
  margin: 0 0 5px;
  text-transform: capitalize;
}
.product-category-area .product-details > h4 {
  font-size: 12px;
  margin: 0;
}
li.product-list-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  float: left;
  padding: 30px 0;
  width: 25%;
}
/*---------- 64. Product Detail Page ------------*/
.single-product-tab .nav-tabs {
  border-bottom: 0 none;
  float: left;
  width: 17%;
}
.single-product-tab .nav-tabs > li {
  float: none;
  margin-bottom: 0;
  padding-bottom: 8px;
  padding-right: 10px;
  padding-top: 0;
}
.single-product-tab .nav-tabs > li:first-child {
  padding-top: 0;
}
.single-product-tab .nav-tabs > li > a {
  border: 1px solid transparent;
  border-radius: 0;
  line-height: 0;
  margin-right: 0;
  overflow: hidden;
  padding: 0;
}
.single-product-tab .nav > li > a > img {
  max-width: none;
  transition: all 0.3s ease 0s;
}
.single-product-image a img {
  width: 100%;
}
.single-product-tab .tab-content {
  float: left;
  padding-right: 14px;
  width: 82.5%;
}
.single-product-tab .tab-content img {
  display: block;
  overflow: hidden;
  position: relative;
}
.single-product-tab .tab-content span {
  background: #d6223d none repeat scroll 0 0;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 10px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
}
.single-pro-titel h1 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 24px;
}
.single-pro-titel h1 span{
  font-size: 15px;
  font-weight: normal;
  padding-left: 10px;
  text-transform: uppercase;
}
.single-pro-titel h3 {
  color: #888;
  display: block;
  font-size: 12px;
  margin-bottom: 20px;
}
.single-pro-titel span {
  color: #666;
}
.single-pro-titel .product-vote ul li {
  color: #d6223d;
}
.single-pro-titel .product-vote {
  margin-top: 25px;
}
table.characteristics-table {
  margin: 45px 0;
}
table.characteristics-table tr td:first-child {
  color: #666;
  font-weight: 700;
  margin-bottom: 10px;
}
table.characteristics-table tr td{
  display: block;
  min-width: 140px;
  padding: 0;
}
table.characteristics-table tr{
  display: inline-block;
  padding-right: 10px;
}
table.characteristics-table tr td select {
  -moz-appearance: none;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #444;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 7px;
  width: 100%;
}
table.characteristics-table tr td option{
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-weight: normal;
  padding-left: 10px;
}
.characteristics-table input {
  height: auto;
  margin-right: 5px;
  width: 20px;
}
.product-contact-main input {
  background-color: #eee;
  color: #666666;
  font-size: 11px;
  height: 35px;
  padding: 5px 12px;
  text-transform: uppercase;
  width: auto;
}
.product-contact-main input:hover {
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}
.cart-plus-minus {
  position: relative;
  width: 12%;
  float:left;
}
.cart-plus-minus-box {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  color: #3c3c3c;
  min-height: 35px;
  padding: 0;
  text-align: center;
  width: 45px;
  font-weight: bold;
}
.dec.qtybutton, .inc.qtybutton {
  cursor: pointer;
  line-height: 15px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 14px;
  color:#666;
  font-weight:bold;
}
.dec.qtybutton {
  bottom: 0;
}
.inc.qtybutton {
  top: 0;
}
.product-quantity-main {
  display: block;
  overflow: hidden;
}
.product-quantity-main > span {
  color: #666;
  display: block;
  font-size: 15px;
  line-height: 27px;
  margin-bottom: 15px;
}
.cart-plus-minus input:focus {
  background: rgba(245, 124, 0, 0.04) none repeat scroll 0 0;
  border-color: #d6223d;
  box-shadow: none;
  outline: 0 none;
  border:1px solid #d6223d;
}
.cart-input-btn > a {
  background: #d6223d none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  margin-left: 5px;
  padding: 10px 20px;
}
.cart-input-btn > a:hover {
  background:#d6223d none repeat scroll 0 0
}
ul.tags li a {
  border: 1px solid #d6223d;
  border-radius: 2px;
  color: #d6223d;
  font-size: 11px;
  margin-right: 10px;
  padding: 4px 10px;
  text-transform: uppercase;
}
ul.tags li{
  display: inline-block;
}
.product-tab ul.nav.nav-tabs {
  margin-bottom: 30px;
}
.product-tab ul{border: medium none;}
.product-tab ul li {
  margin-right: 15px;
}
.product-tab ul li.active a{
  border: medium none;
}
.product-tab ul li a{
  border: 0 none;
  color: #444;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-transform: uppercase;
  position:relative
}
.product-tab .nav > li > a:focus,.product-tab .nav > li > a:hover {
  background-color: inherit;
  border: medium none;
  text-decoration: none;
}
.product-tab .nav-tabs > li > a:hover {
  border: 0 none;
}
.product-tab ul li a:after{
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
  width: 0;
}
.product-tab ul li a:hover:after{width: 40px;}
.product-tab ul li.active a:after{width: 100%;}
ul.desc-tav-p {
  margin-left: 15px;
  margin-top: 25px;
  padding: inherit;
}
ul.desc-tav-p li {
  color: #666;
  font-size: 15px;
  list-style: inside none disc;
  margin-bottom: 10px;
}
.product-tab-content{}
.product-tab-content p {
  color: #666;
  font-size: 15px;
}
.speci-content p{
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 8px;
  padding-bottom: 7px;
}
.speci-content p:last-child{border-bottom:0}
.speci-content p a{color: #8dd538;}
.tab-comments{
  border: 1px solid #aaa;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 30px;
}
.tab-admin{
  float: left;
  width: 25%;
}
.tab-admin h4{
  color: #444;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.tab-admin span{color: #999;}
.tab-p-rating{
  float: left;
  text-align: center;
  width: 25%;
}
.tab-p-rating a{}
.tab-p-rating a i {
  color: #d6223d;
}
.list-note{
  float: left;
  text-align: center;
  width: 25%;
}
.list-note span{color: #999;}
.like-icon-tab{
  float: right;
  text-align: right;
  width: 25%;
}
span.like-button i{
  color: #8dd538;
  font-size: 16px;
}
span.dislike-button{margin-left: 10px;}
span.dislike-button i{
  color: #D14233;
  font-size: 16px;
}
span.list-comments{
  color: #444;
  display: block;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 30px;
}
.comments-text-p {
  display: block;
  float: left;
  margin-top: 20px;
}
.comments-text-p  p{margin-bottom:0;font-size:15px}
.result-comments{text-align:center}
.result-comments p{
  color: #999;
  margin: 0;
}
/*---------- 65. Log In Page ------------*/
.log-in-left {
  background: #fdfdfd none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  max-width: 500px;
  padding: 26px;
  width: 415px;
}
.login-header{
  margin-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 39px;
  color:#666666;
  text-transform:uppercase;
}
.control-label label {
  font-size: 12px;
  margin-bottom: 13px;
  text-transform: uppercase;
}
.control-label > input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #dce2e8;
  border-radius: 2px;
}
.log-in-left .checkbox > input {
  display: inline-block;
  margin: 0 !important;
  padding: 0;
  width: 25px;
}
.log-in-left .checkbox > label {
  font-size: 12px;
  margin-top: 16px;
  padding-bottom: 0;
  padding-left: 25px;
  padding-top: 0;
}
.user-login > a {
  background: #d6223d none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-weight: 600;
  padding: 12px 20px;
  text-align: center;
  text-transform: uppercase;
}
.user-login > a:hover {
  background: #d6223d;
}
.other-link ul {
  border-top: 1px solid #eeeeee;
  padding: 0;
}
.other-link ul li {
  border-bottom: 1px solid #eeeeee;
  list-style: outside none none;
  padding: 8px 0;
  color:#d6223d;
}
.other-link ul li a{
  color:#d6223d;
  font-size: 13px;
}
.other-link ul li a:hover{text-decoration:underline;}
.log-content > h3 {
  color: #666666;
  font-size: 19px;
  font-weight: normal;
  margin: 0 0 20px;
  padding-bottom: 10px;
  position: relative;
}
.log-content > h3::after {
  background-color: #d6223d;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100px;
}
.panel-content ul li a {
  color: #666;
  display: block;
  padding: 15px 10px;
}
.panel-content ul li a i {
  float: right;
  font-weight: 300;
}
.content-view ul li.ctitl {
  color: #666;
  font-size: 13px;
  font-weight: bold;
  padding: 25px 20px 15px;
  text-transform: uppercase;
}
.content-view ul li a {
  color: #d6223d;
  display: block;
  padding: 5px 0 5px 10px;
}
/*------------ 66. Breadcrumbs css -------------*/
.breadcrumb-area {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
}
.breadcrumb {
  background-color: transparent;
  border-radius: 0;
  list-style: outside none none;
  margin-bottom: 0;
  padding: 15px 0;
  text-transform: uppercase;
}
.breadcrumb > li + li::before {
  color: #ccc;
  content: " ";
  font-family: fontawesome;
  padding: 0 5px;
}
.breadcrumb > li:nth-child(1) {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  margin-right: 8px;
}
.breadcrumb li a {
  color: #d6223d;
  font-size: 12px;
}
.breadcrumb li a:hover{text-decoration:underline;}
.breadcrumb li.active {
  color: #999;
  font-size: 12px;
}
/*=========================== 
	67. ScrollUp
============================= */
#scrollUp {
  background: #d6223d none repeat scroll 0 0;
  border-radius: 40px;
  bottom: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 14px;
  height: 40px;
  line-height: 35px;
  position: fixed;
  right: 15px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 40px;
  z-index: 200;
}
#scrollUp:hover{background:#d6223d;color: #fff;height: 60px;}
.home-two #scrollUp{background:#23c6ec;}
.home-three #scrollUp{background:#e8263a;}
.home-four #scrollUp{background:#1abc9c;}
.home-five #scrollUp{background:#8dd538;}

.header-style2 .slider-four .slider-1 h2 {
  padding: 0 31%;
}
.header-style2 .slider-four .slider-1 a {
  left: 45%;
}
/*************************************
  68. Style Customizer content all   
**************************************/
.boxed-layout.wrapper, .box-layout.wrapper {
  background-color: #fff;
  box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
  margin: auto;
  position: relative;
  max-width: 1240px;
  width: 100%;
}
.boxed-layout .sticky, .box-layout .sticky {
  left: auto;
  margin: auto;
  width: 1240px;
}
/*Background Patterns*/
.pattern-1 {
    background-image: url("images/customizer/pattern/1.png");
}
.pattern-2 {
    background-image: url("images/customizer/pattern/2.png");
}
.pattern-3 {
    background-image: url("images/customizer/pattern/3.png");
}
.pattern-4 {
    background-image: url("images/customizer/pattern/4.png");
}
.pattern-5 {
    background-image: url("images/customizer/pattern/5.png");
}
.pattern-6 {
    background-image: url("images/customizer/pattern/6.png");
}
.pattern-7 {
    background-image: url("images/customizer/pattern/7.png");
}
.pattern-8 {
    background-image: url("images/customizer/pattern/8.png");
}
/*Background Images*/
.main-bg-1,.main-bg-2,.main-bg-3,.main-bg-4,.main-bg-5,.main-bg-6,.main-bg-7,.main-bg-8 {
    background-image: url("images/customizer/bodybg/01.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}
.main-bg-2 {
    background-image: url("images/customizer/bodybg/02.jpg");
}
.main-bg-3 {
    background-image: url("images/customizer/bodybg/03.jpg");
}
.main-bg-4 {
    background-image: url("images/customizer/bodybg/04.jpg");
}
.main-bg-5 {
    background-image: url("images/customizer/bodybg/05.jpg");
}
.main-bg-6 {
    background-image: url("images/customizer/bodybg/06.jpg");
}
.main-bg-7 {
    background-image: url("images/customizer/bodybg/07.jpg");
}
.main-bg-8 {
    background-image: url("images/customizer/bodybg/08.jpg");
}

#logoheader {
    float: left;
	display: block;
	width: 140px;
	min-height: 140px;
	position: absolute;
	text-indent: -999em;
	background: url(../includes/img/logo.png) no-repeat left bottom;
	background-color: #ffffff;
	top: 0px;
	z-index: 9999;
	box-shadow: 0px 0px 10px #999999;
}