/*--- PLACE YOUR CUSTOM STYLES HERE ---*/
/* ========================================================== */
/* 				  		    HR Styles                        */
/* ========================================================== */

hr.prettyborder {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

/* ========================================================== */
/* 				  		    Text Effects                      */
/* ========================================================== */
.purple {
	color:#300040;
}
.white {
	color: #ffffff;
}
.turq {
	color: #328fa8;
}
.psblue {
	color: #406AB3;
}

#navbar .nav .navbar-nav a:active {
     
	color: #2BA3C6;
    }
#navbar .nav .navbar-nav a:hover {
     
	color: #2BA3C6;
    }	
.sectionspace {
	
	padding-top: 75px;
	padding-bottom: 75px;
}
.titleshadow {
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

li.check {
	font-size: 1.75rem;
	line-height: 2.25rem;
}

li.check:before {    
font-family: 'FontAwesome';
content: '\f00c';
margin:0 5px 0 -18px;
color:#300040;
}

/* ========================================================== */
/* 				  		    Statbox                        */
/* ========================================================== */
#statbox {
	/*background:  #9E2DC3;*/
}
#statbox h2 {
	color: #1D0026;
}
#statbox h3, #statbox h4  {
	color: #ffffff;
}
/* ========================================================== */
/* 				  		    Testimonials                      */
/* ========================================================== */

.testimonials_wrapper{
	width:100%;
	z-index:1;
	/*background: #28323c;*/
	background: #1D0026;
}

.testimonials_box{
	text-align:center;
	width:90%;
	max-width:960px;
	margin:0 auto;	
	padding-top:110px;
	padding-bottom:100px;
	padding-left:5%;
	padding-right:5%;
}

span.testimonials_img{
	display:block;
	color:#f5f5f5;
}

span.testimonials_text, span.testimonials_autor{
	display:block;
	color:#fff;
	font-size:32px!important;
	line-height:48px!important;
	font-weight:400;
}

span.testimonials_autor{
	font-weight:300;
	font-size:18px!important;
	line-height:48px!important;
	color: #fff;
	font-style: normal;
}

@media only screen and (max-width: 1024px) {
	#intro, .features_wrapper, .newsletter_wrapper {
		background-attachment: scroll;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

/* ========================================================== */
/* 				  		    Showcase                          */
/* ========================================================== */

.dropcaps_showcase {
	float:left;
	margin:10px 25px 40px 0;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color:#fff;
	background-color:#300040;
	border: 1px solid #300040;
	font-size: 22px;
	font-weight:600;
	position: relative;
	-webkit-border-radius: 28px 28px;
    -moz-border-radius: 28px 28px;
    border-radius: 28px 28px;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

.showcase_item:hover .dropcaps_showcase {
	color:#300040;
	border: 1px solid #300040;
	background-color: transparent;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}


/* ========================================================== */
/* 				  		    Features                          */
/* ========================================================== */

.features_title_wrapper{
	margin-bottom:30px;
	display:block;
}

span.features_number{
	float:left;
	padding-right:5px;
	color:#300040;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:100px;
	line-height:100px;
}

span.features_separator{
	float:left;
	padding:0 10px 0 5px;
	color:#300040;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:100px;
	line-height:100px;
}

span.features_title{
	margin:0 0 25px 0;
	color:#300040;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:42px;
	line-height:51px;
}

/*--- Background Images ---*/
.bg-shortcodes {
    background-image: url(../img/backgrounds/bg-shortcodes.jpg);  
}
.bg-light {
    background-image: url(../img/backgrounds/bg-light.jpg);  
}
.bg-shop {
    background-image: url(../img/backgrounds/bg-shop.jpg);  
}
.bg-about-me {
    background-image: url(../img/backgrounds/bg-about-me.jpg);  
}
.bg-restaurant-1 {
    background-image: url(../img/restaurant/bg-restaurant-1.jpg);  
}
.bg-restaurant-2 {
    background-image: url(../img/restaurant/bg-restaurant-2.jpg);  
}
.bg-pattern-1 {
    background-image: url(../img/backgrounds/bg-pattern-1.jpg);
}
.bg-pattern-2 {
    background-image: url(../img/backgrounds/bg-pattern-2.jpg);
}
.bg-pattern-3 {
    background-image: url(../img/backgrounds/bg-pattern-3.jpg);
}
.bg-pattern-4 {
    background-image: url(../img/backgrounds/bg-pattern-4.jpg);
}
.bg-music-1 {
    background-image: url(../img/music/bg-music-1.jpg);
}
.bg-photography-1 {
    background-image: url(../img/photography/bg-photography-1.jpg);
}
.bg-photography-2 {
    background-image: url(../img/photography/bg-photography-2.jpg);
}
.bg-photography-3 {
    background-image: url(../img/photography/bg-photography-3.jpg);
}
.bg-fitness-1 {
    background-image: url(../img/fitness/bg-fitness-1.jpg);
}
.bg-fitness-2 {
    background-image: url(../img/fitness/bg-fitness-2.jpg);
}
.bg-fitness-3 {
    background-image: url(../img/fitness/bg-fitness-3.jpg);
}
.bg-fitness-4 {
    background-image: url(../img/fitness/bg-fitness-4.jpg);
}
.bg-event-1 {
	background-image: url(../img/event/bg-event-1.jpg);  
}
.bg-event-2 {
	background-image: url(../img/event/bg-event-2.jpg);  
}
.bg-food-1 {
    background-image: url(../img/food/bg-food-1.jpg);  
} 
.bg-food-2 {
    background-image: url(../img/food/bg-food-2.jpg);  
} 
.bg-food-3 {
    background-image: url(../img/food/bg-food-3.jpg);  
}  
.bg-agency-1 {
	background-image: url(../img/agency/bg-agency-1.jpg);  
} 
.bg-agency-2 {
	background-image: url(../img/agency/bg-agency-2.jpg);  
} 
.bg-launching-1 {
    background-image: url(../img/launching/bg-launching-1.jpg);  
}
.bg-launching-2 {
    background-image: url(../img/launching/bg-launching-2.jpg);  
}
.bg-product-1 {
    background-image: url(../img/product/bg-product-1.jpg);  
}
.bg-product-2 {
    background-image: url(../img/product/bg-product-2.jpg);  
} 
.bg-education-1 {
    background-image: url(../img/education/bg-education-1.jpg);  
}
.bg-education-2 {
    background-image: url(../img/education/bg-education-2.jpg);  
} 
.bg-concepts-1 {
    background-image: url(../img/concepts/bg-concepts-1.jpg);  
}
.bg-video-1 {
    background-image: url(../img/video/bg-video-1.jpg); 
}
.bg-img-1 {
    background-image: url(../img/backgrounds/bg-1.jpg); 
}
.bg-img-2 {
    background-image: url(../img/backgrounds/bg-2.jpg); 
}
.bg-img-3 {
    background-image: url(../img/backgrounds/bg-3.jpg); 
}
.bg-img-4 {
    background-image: url(../img/backgrounds/bg-4.jpg);  
}
.bg-img-5 {
    background-image: url(../img/backgrounds/bg-5.jpg); 
} 
.bg-img-6 {
    background-image: url(../img/backgrounds/globe.jpg);  
}
.bg-img-7 {
    background-image: url(../img/backgrounds/bg-7.jpg); 
} 
.bg-img-8 {
    background-image: url(../img/backgrounds/bg-8.jpg);  
}    
.bg-img-9 {
    background-image: url(../img/backgrounds/bg-9.jpg);  
} 
.bg-img-10 {
    background-image: url(../img/backgrounds/bg-10.jpg);  
} 
.bg-img-11 {
    background-image: url(../img/backgrounds/bg-11.jpg);  
} 
.bg-img-12 {
    background-image: url(../img/backgrounds/bg-12.jpg);  
} 
.bg-img-13 {
    background-image: url(../img/backgrounds/bg-13.jpg);  
} 
.bg-img-14 {
    background-image: url(../img/backgrounds/bg-14.jpg);  
} 
.bg-img-15 {
    background-image: url(../img/backgrounds/bg-15.jpg);  
} 
.bg-med {
    background-image: url(../img/backgrounds/bg-med.jpg);  
} 
.bg-collect {
    background-image: url(../img/backgrounds/bg-21.jpg);  
} 
.bg-wood1 {
    background-image: url(../img/backgrounds/bg-wood1.jpg);  
}
.bg-hex1 {
    background-image: url(../img/backgrounds/bg-xex3.jpg);  
} 
.bg-wide {
    background-image: url(../img/backgrounds/bg-wide.jpg);  
} 
.bg-warehouse {
    background-image: url(../img/backgrounds/bg-warehouse.jpg);  
} 
.bg-boxes {
    background-image: url(../img/backgrounds/bg-boxes.jpg);  
} 
.bg-inspect {
    background-image: url(../img/backgrounds/bg-inspect.jpg);  
} 
.bg-people {
    background-image: url(../img/backgrounds/people2.jpg);  
} 
.bg-img-99 {
    background-image: url(../img/backgrounds/cryptojoy.jpg);  
} 
.bg-img-xen {
    background-image: url(../img/backgrounds/xenncap.jpg);  
} 

.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #790914;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}


.ribbon2 {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon2::before,
.ribbon2::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon2 span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #240c61;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left2 {
  top: 36px;
  left: 28px;
}
.ribbon-top-left2::before,
.ribbon-top-left2::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left2::before {
  top: 0;
  right: 0;
}
.ribbon-top-left2::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left2 span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top left*/
.ribbon-top-left3 {
  top: -10px;
  left: 5px;
}
.ribbon-top-left3::before,
.ribbon-top-left3::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left3::before {
  top: 0;
  right: 0;
}
.ribbon-top-left3::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left3 span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top left*/
.ribbon-top-left4 {
  top: -2px;
  left: 34px;
}
.ribbon-top-left4::before,
.ribbon-top-left4::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left4::before {
  top: 0;
  right: 0;
}
.ribbon-top-left4::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left4 span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

#more_button {
  width: 585px;
  height: 141px;
  background: url(../img/more_button.jpg) 0 0 no-repeat;
}


#more_button:hover {
  width: 585px;
  height: 141px;
  background: url(../img/more_button.jpg) 0 -141px no-repeat;
}
/* ===================================================================
   hero cards
   =================================================================== */
 .hero {
    display: inline-block;
    position: relative;
    width: 100%;
    min-width: 100%;
    height: 325px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
    margin: 30px;
}

.hero-profile-img {
    /*height: 65%;*/
	width: 100%;
}

.hero-description-bk {

	background-image: linear-gradient(0deg, #9E5ADC, #4F1B80);
    border-radius: 30px;
    position: absolute;
    top: 55%;
    left: -5px;
    height: 65%;
    width: 108%;
    transform: skew(19deg, -9deg);
}

.second .hero-description-bk {
    background-image: linear-gradient(-20deg, #bb7413, #e7d25c);
}
.third .hero-description-bk {
    background-image: linear-gradient(-20deg, #3281a8, #328fa8);
}
.purp-glow {
    background-image: linear-gradient(-20deg,  #9E5ADC, #4F1B80);
}
.purp-glow .hero-description-bk {
    background-image: linear-gradient(-20deg,  #9E5ADC, #4F1B80);
}
.purp-glow-btn {
    padding: 5px 5px 5px 5px;
	background-image: linear-gradient(-20deg,  #9E5ADC, #4F1B80);
}
.golden-glow {
    background-image: linear-gradient(-20deg, #bb7413, #e7d25c);
}
.golden-glow-btn {
    padding: 5px 5px 5px 5px;
	background-image: linear-gradient(-20deg, #bb7413, #e7d25c);
}
.golden-glow .hero-description-bk {
    background-image: linear-gradient(-20deg, #bb7413, #e7d25c);
}
.turq-glow {
	background-image: linear-gradient(0deg, #3281a8, #328fa8);
}
.turq-glow .hero-description-bk {
	background-image: linear-gradient(0deg, #3281a8, #328fa8);
}
.turq-glow-btn {
	padding: 5px 5px 5px 5px;
	background-image: linear-gradient(0deg, #3281a8, #328fa8);
}
.psblue-glow {
	background-image: linear-gradient(0deg, #406AB3, #264e94);
}
.psblue-glow-btn {
	padding: 5px 5px 5px 5px;
	background-image: linear-gradient(0deg, #406AB3, #264e94);
}
.psblue-glow .hero-description-bk{
	background-image: linear-gradient(0deg, #406AB3, #264e94);
}
.marble {
	background-image: url(../img/assets/marble.png);
	background-size: cover;
}

.hero-logo {
    /*background-image: linear-gradient(-20deg, #bb7413, #e7d25c);*/
	height: 80px;
    width: 80px;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    bottom: 30%;
    left: 20px;
    overflow: hidden;
	text-shadow: 2px 2px 1px black;
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);
}

.hero-logo img {
    height: 100%;
}

.hero-description {
    position: absolute;
    color: #fff;
    font-weight: 900;
    left: 20px;
    bottom: 10%;
}

.hero-btn {
    position: absolute;
    color: #fff;
    right: 30px;
    bottom: 10%;
    padding: 10px 20px;
    border: 1px solid #fff;
}

.hero-btn a {
    color: #fff;
}

.hero-date {
    position: absolute;
    color: #fff;
    left: 80px;
	bottom: 32%
   /* bottom: 10%;*/
}
.txt-shadow {
	text-shadow: 2px 2px 1px black;
}
/* ==================================================================
   diver lines
   ================================================================== */
   .h-divider {
  margin: auto;
  margin-top: 100px;
  width: 80%;
  position: relative;
}

.h-divider .shadow {
  overflow: hidden;
  height: 20px;
}

.h-divider .shadow:after {
  content: '';
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 25px;
  border-radius: 125px/12px;
  box-shadow: 0 0 8px black;
}

.h-divider .text {
  width: 100px;
  height: 45px;
  padding: 10px;
  position: absolute;
  bottom: 100%;
  margin-bottom: -33px;
  left: 50%;
  margin-left: -60px;
  border-radius: 100%;
  box-shadow: 0 2px 4px #999;
  background: white;
}

.h-divider .text i {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  border-radius: 100%;
  border: 1px dashed #aaa;
  text-align: center;
  line-height: 50px;
  font-style: normal;
  color: #999;
}

.h-divider .text2 {
  width: 70px;
  height: 70px;
  position: absolute;
  bottom: 100%;
  margin-bottom: -35px;
  left: 50%;
  margin-left: -25px;
  border-radius: 100%;
  box-shadow: 0 2px 4px #999;
  background: white;
}

.h-divider img {
  position: absolute;
  margin: 16px 0px 0px 8px;
  max-width: 80%;
  border-radius: 0;
  /*border: 1px dashed #aaa; */
}
/* =============================================================
   dbox-footer
   ============================================================ */
.dbox {
  width: 100%;
  margin-bottom: 25px; }
  @media (max-width: 767.98px) {
    .dbox {
      margin-bottom: 25px !important;
      padding: 0 20px; } }
  .dbox p {
    margin-bottom: 0; }
    .dbox p span {
      font-weight: 500;
      color: #000; }
    .dbox p a {
      color: #46b5d1; }
  .dbox .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #46b5d1;
    margin: 0 auto;
    margin-bottom: 5px; }
    .dbox .icon span {
      font-size: 4rem;
      color: #fff; 
	  margin-top: 10px;}
  .dbox .text {
    width: 100%; }
/* =============================================================
   overlay
   ============================================================ */
  #overlay {
  position: absolute; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  margin-bottom: -50px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 10; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
.xennobia {
	position: relative;
	margin: 0px auto 0px auto;
}