/*
	Project Name : Appik
	Author Company : SpecThemes
	Project Date: 5 Feb, 2018
	Template Developer: vsafaryan50@gmail.com
*/

/*
==============================================
TABLE OF CONTENT
==============================================

1. Sections 
2. Headings 
3. Navbar 
4. Search
5. Top Bar
6. CountUps 
7. Helper Classes  
	a) Text-content
	b) Image-properties
	c) Buttons
	d) Lists
	e) Color Control
	f) Video Box
	g) Pagination
	h) 
8. Preloader
9. Scroll to Top
10. Top Section
11. Feature Boxes
12. Testmonials (Carousel)
13. Screenshots (Carousel)
14. Newsletter Form
15. Social Links
16. Footer
17. Pricing
18. Team
19. Blog Grid, Post

==============================================
[END] TABLE OF CONTENT
==============================================
*/



/*-----------------------------------------
1. Sections
-------------------------------------------*/
.section-block{
	padding: 90px 0px 90px 0px;
	background-color: #fff;
}	

.section-block-grey{
	padding: 90px 0px 90px 0px;
	background-color: #fafafa;
}

.section-block-dark{
	padding: 90px 0px 90px 0px;
	background-color: #222;
}

.section-block-parallax{
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 50%;
	padding: 90px 0px 90px 0px;    
}	

.section-block-bg{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 90px 0px 90px 0px;    
}	

.section-black-overlay{
	position: relative;
}
.section-black-overlay:after {
	background-color: #000;
	background-attachment: fixed;
	position: absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity: .5;
}


.gradient-block{
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%); 	
    border-radius: 10px;
    padding: 15px;
}



.bg-shapes{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  opacity: 0.9;	
}


.section-sm{
	padding: 30px 0px;
}
.section-md{
	padding: 40px 0px;
}
.section-lg{
	padding: 80px 0px;
}


/*-----------------------------------------
2. Headings
-------------------------------------------*/
.section-heading{
	position: relative;
	margin-bottom: 10px;
}

.section-heading strong{
	font-weight: 500;
}

.section-heading h2{
	position: relative;
	font-size: 38px;
	font-weight: 400;
	color: #2d2d2d;
	line-height: 140%;
	margin-bottom: 10px;
}
.section-heading h3{
	position: relative;
	font-size: 33px;
	font-weight: 300;
	color: #2d2d2d;
	line-height: 140%;
	margin-bottom: 10px;
}
.section-heading-line{
	position: relative;
	content: '';
	display: block;	
	width: 100px;
	height: 3px;
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);  
	margin: auto;
	margin-top: 15px;
	margin-bottom: 5px;
}
.section-heading-line-left{
	position: relative;
	content: '';
	display: block;	
	width: 100px;
	height: 3px;
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%); 
	margin-top: 15px;
	margin-bottom: 5px;
}

.section-heading h4{
	position: relative;
	font-size: 24px;
	font-weight: 400;
	color: #2d2d2d;
	line-height: 160%;
	margin-bottom: 10px;
}

.section-heading p{
	font-size: 15px;
	font-weight: 500;
	color: #979797;
	line-height: 160%;
	padding-top: 15px;
	margin-bottom: 0px;
}

.section-heading span{
	position: relative;
	font-size: 15px;
	font-weight: 500;
	color: #ccc;
	line-height: 200%;
	margin-bottom: 10px;
}

.page-title{
	position: relative;
	padding: 150px 0px 90px 0px;
	background-color: #eee;
	background-size: cover;	
	background-position: top;
	text-align: center;
	border-bottom: 1px solid #f5f5f5;
}

.page-title h1{
	position: relative;
	font-size: 40px;
	font-weight: 400;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	letter-spacing: 1px;
	line-height: 1;
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
}

.page-title ul li{
	position: relative;
	display: inline-block;
	margin-top: 5px;gi
}
.page-title ul li:after{
	color: #fff;
	content: ' \f105';
	font-family: 'FontAwesome';
	padding: 0px 10px;
}
.page-title ul li:last-child:after{
	content: none;
}
.page-title ul li a{
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}
.page-title ul li a:hover{
	color: #fff;
}


/*-----------------------------------------
3. Navbar 
-------------------------------------------*/
.affix {
  top: 0;
  width: 100%;
  z-index: 9999999;
}
#bs-example-navbar-collapse-1{
  padding: 0px;
}
.navbar-nav{
  margin: 0px;
}

.navbar-header-custom{
  background: transparent;
  padding: 15px 0px 15px 0px;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;    
}

.navbar-logo img{
  max-width: 100%;
  margin-left: 15px;
  max-height: 50px;
}

.logo_main{
  display: none;
}

.navbar-custom{
  background: transparent;
  border: none;
  border-radius: 0px;
  box-shadow: 0 0 65px rgba(0,0,0,.09);
  padding: 0px 0px 0px 0px;
  margin-bottom: 0px;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;  
}

.navbar-nav li a {
	padding-top: 5px; 
	padding-bottom: 5px; 
}

.navbar-custom .navbar-links-custom li {
  padding: 0px 5px;
  margin-top: 23px;
  margin-left: 5px;
  border-radius: 5px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;   
}

.navbar-custom .navbar-links-custom li a{
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;  
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 1);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;   
}

@media screen and (max-width:991px) {
	.navbar-custom .navbar-links-custom li a{
	  color: #3b3b3b;
	}	
}


.navbar-custom .navbar-links-custom li a i{
  font-size: 9px;
  font-weight: normal;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #6271f6;
}


@media screen and (max-width:767px) {
  .navbar-custom .navbar-links-custom li{
    background: #fff; 
    font-size: 13px;
    font-weight: bold;
    -webkit-transition-duration: .3s;
    transition-duration: .3s; 
    border-bottom: 1px solid #ececec;
    padding: 0px !important;
    margin: 0px;
  }
  .navbar-custom .navbar-links-custom li:last-child{
      border-bottom: none;
  }
  .navbar-custom .navbar-links-custom li a{
    color: #3b3b3b;
    margin: 0px;
    padding: 15px;
  }
  .navbar-default .navbar-links-custom .open .dropdown-menu>li>a {
      color: #3b3b3b !important;
      font-size: 12px;
      padding: 10px 0px 10px 30px;
  }   
}

.dropdown-menu{
  background-color: #fff;
  border-radius: 0px !important;
  padding: 5px;
}


.navbar-links-custom .dropdown ul{
  padding: 10px;
  border: none;
  border-radius: 5px !important;
  margin-top: 10px;
  -webkit-box-shadow: 0px 5px 9px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 5px 9px 0px rgba(50, 50, 50, 0.15);
  box-shadow:         0px 5px 9px 0px rgba(50, 50, 50, 0.15); 
}

.navbar-links-custom .dropdown ul li{
  padding: 0px;
  border: none;
  margin: 0px;
}

.navbar-links-custom .dropdown ul li a{
  border-radius: 0px;
  font-size: 12px;
  font-weight: 500;
  padding: 7px;
  width: 160px;
  text-transform: none;
  text-align: left;
  color: #999;
}

.navbar-links-custom .dropdown ul li a:hover, .navbar-links-custom .dropdown ul li a:focus{
  background: #fff;
  color: #3b3b3b !important;
}

.navbar-links-custom .dropdown:hover .dropdown-toggle{
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*DROPDOWN ICON STYLES*/
.navbar-links-custom .dropdown .dropdown-toggle:after{
  content: "\f107";
  font-family: FontAwesome;
  padding-left: 6px;
}

.active-link a{
  color: #fff !important;
}

@media screen and (max-width:767px) {
  .navbar-links-custom .dropdown ul li a:hover{
    color: #45deb0 !important;
  } 
}

.menu-icon{
  border: none;
  background: none;   
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

/*Navbar breakpoint*/
@media (max-width: 991px) {
  .navbar-custom{
    background: #fff;
    color: #3b3b3b !important;
  } 
  .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
      color: #3b3b3b !important;
      background-color: transparent;
  } 
  .dropdown-menu:after{
    border: none;
  } 
  .navbar-custom .navbar-links-custom{
    padding: 0px !important;
    margin: 0px;
  } 
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100%;
  } 
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
      	color: #3b3b3b;
        padding-top: 10px;
        padding-bottom: 10px;
    }  
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }  
    .navbar-links-custom{
      	padding-bottom: 5px;
    }
  	.navbar-custom .navbar-links-custom li {
    	padding: 5px 0px 0px 5px;
  	}    
}


.navbar-default .navbar-nav>li:hover {
    background-color: #fff;
}
.navbar-default .navbar-nav>li>a:hover {
    background-color: #fff;
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: rgba(255, 255, 255, 0.2); 
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: transparent !important;
}


#mainNav :not(.dropdown).active{
	border-radius: 5px;
	background: #fff; 
}
#mainNav :not(.dropdown).active a{
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;   
}

#mainNav .dropdown .active a:focus, .active a:hover{
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: #222;  
	-webkit-transition-duration: .3s;
	transition-duration: .3s;   
}


/*-----------------------------------------
4. Search
-------------------------------------------*/
#search_nav{
	display: inline-block;
	z-index: 9999;
}
.search-holder{
	color: #323232;
	margin-top: 18px;
	border-left: 1px solid #f7f7f7;
}
.search-button{
	padding-left: 12.5px;
	cursor: pointer;
}
@media (max-width: 991px) {
	.search-holder{
		border: none !important;
	}
	.search-button i{
		padding: 17px 0px;
		cursor: pointer;
	}	
	.search-button i:after{
		font-family: 'Nunito', sans-serif;
		content: 'Search';
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 700;
		display: inline-block;
		padding-left: 10px;
	}	
	.search-overlay-content input{
		margin: 30px;
		max-width: 80%;
	}	
	.search-overlay-content {
	    position: relative;
	    top: 15% !important;
	    text-align: center;
	}			
}
.search-overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.search-overlay-content {
    position: relative;
    top: 35%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.search-overlay-content input{
	font-size: 35px;
	font-weight: 500;
	color: #fff;
	background: transparent;
	border: none;
	border-bottom: 2px solid #fff;
	opacity: 0.5;
	padding: 15px 15px;
}

.search-overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.search-overlay a:hover, .search-overlay a:focus {
    color: #f1f1f1;
}

.search-overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .search-overlay a {font-size: 20px}
  .search-overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}






/*-----------------------------------------
5. Top-Bar
-------------------------------------------*/
#top-bar{
	display: block;
	position: relative;
	z-index: 999;
	background: #2a2a2a;
	height: 50px;
}

.top-bar-welcome{
	display: inline-block;
}
.top-bar-welcome ul{
	padding-left: 0px;
	margin-bottom: 0px;
}
.top-bar-welcome li{
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	list-style-type: none;
	margin: 0px;
	padding-top: 12px;
	margin-right: 16px;
}


.top-bar-info {
	display: inline-block;
}
.top-bar-info ul{
	padding-left: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
.top-bar-info li{
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	list-style-type: none;
	display: inline-block;
	padding: 16px 5px 16px 5px;
	margin-bottom: 0px;
}


.social-icons{
	padding: 0px;
	float: right;
	margin: 0px;
}
.social-icons li{
	font-size: 15px;
	list-style-type: none;
	float: left;
	width: 45px;
	text-align: center;
	margin: 0px;
	padding: 14px 0px 10px 0px;	
}
.social-icons li a{
	opacity: .7;
	color: #fff;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;	
}
.social-icons a:hover{
	opacity: 1;
}




/*-----------------------------------------
6. CountUps
-------------------------------------------*/

.countup-box{
	border-radius: 5px;
	text-align: center;
	padding: 30px 20px;
}

@media screen and (max-width:991px) {
	.countup-box{
		margin: 20px 0px 20px 0px;
	}	
}

.countup-box h3{
	text-align: center;
	font-size: 40px !important;
	text-shadow: 2px 2px 15px rgba(0, 0, 0, .3);
	font-weight: 400;
	color: #fff;
	line-height: 1;
	margin: 0px 0px 0px 0px;    
}

.countup-box h3:after{
	content: '';
	text-align: center;
	display: block;
	background: rgba(255, 255, 255, .4); 
	height: 1px;
	width: 50%;
	margin: 15px auto;    
}

.countup-box h4{
	text-align: center;
	font-size: 18px;
	text-shadow: 2px 2px 15px rgba(0, 0, 0, .3);
	font-weight: 500;
	color: #fff;
	line-height: 1;
	margin: 0px 0px 0px 0px;    
}

.countup-box strong{
	text-align: center;
	font-size: 14px !important;
	font-weight: 600;
	color: #fff;
	line-height: 130%;
	text-transform: uppercase;
	margin: 15px 0px 10px 0px;    
}


.countup-box i{
  font-size: 60px;
  color: #d21e2b;
}

.countup-box p{
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 130%;
}

.countup-box p:before{
	content: '';
	text-align: center;
	display: block;
	width: 120px;
	height: 4px;
	background-color: #d21e2b;
	margin-top: 10px !important;
	margin-bottom: 20px !important;
	margin: auto;
	border-radius: 80px;
}




/*-----------------------------------------
7. Helper Classes
-------------------------------------------*/

/*--------------------
a) Text-content
----------------------*/
.text-content p{
	font-size: 13px;
	font-weight: 500;
	color: #777;
	line-height: 200%;	
	margin-bottom: 15px;
}

.text-content-medium p{
	font-size: 14px;
	font-weight: 500;
	color: #777;
	line-height: 200%;	
	margin-bottom: 15px;
}

.text-content-big p{
	font-size: 15px;
	font-weight: 500;
	color: #777;
	line-height: 200%;	
	margin-bottom: 15px;
}

.clip{
	background-attachment: fixed;
	background-position: center;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	font-weight: bold;
	text-align: left;
}
.clip-title h2{
	display: inline-block;
	font-size: 190px;
}
.clip-title h3{
	display: inline-block;
	font-size: 140px;
}
.clip-title h4{
	display: inline-block;
	font-size: 100px;
}
.clip-title h5{
	display: inline-block;
	font-size: 60px;
}




/*--------------------
b) Image-properties
----------------------*/
.rounded-border{
	border-radius: 5px !important;
}

.no-rounded{
	border-radius: 0px !important;
}

.shadow-primary{
  -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.3);
  box-shadow: 0 20px 40px rgba(0,0,0,0.3);	
}

.full-width{
	width: 100%;
}




/*--------------------
c) Buttons
----------------------*/
.primary-button{
	background: #d21e2b;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;		
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.primary-button:hover {
	background: #222;
}


.gradient-button{
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 90%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 90%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 90%); 
    background-position: center;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	font-size: 12px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;	
	margin-left: 15px;
	-webkit-background-size: 100% 200%;
	-moz-background-size: 100% 100%;
	background-size: 100% 200%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

@media (max-width: 767px) {
	.gradient-button{
		margin-left: 0px;
		margin-top: 15px;
	}
}

.gradient-button:first-child{
	margin-left: 0px;
}

.gradient-button i{
	color: #fff;
	font-size: 20px;
	margin-right: 15px;
}

.gradient-button:hover {
	background-size: 100% 400%;
    background-position: 600% 0%;
}



.white-button{
	background: #fff;
	transition: background-position 0.5s;
	color: #2d2d2d;
	border: 1px solid #ececec;
	font-size: 12px;
	font-weight: 500;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1);	
	border-radius: 50px;
	margin-left: 15px;
	padding: 10px 15px 10px 15px;		
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

@media (max-width: 767px) {
	.white-button{
		margin-left: 0px;
		margin-top: 15px;
	}
}

.white-button:first-child{
	margin-left: 0px;
}

.white-button i{
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 20px;
	margin-right: 15px;
}

.white-button:hover {
	color: #2d2d2d;
	transform: translateY(-.4rem);
}


.dark-button{
	background: #2d2d2d;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	border-radius: 50px;
	padding: 10px 15px 10px 15px;	
	margin-left: 15px;	
	-webkit-transition-duration: .3s;
	transition-duration: .3s;		
}

@media (max-width: 767px) {
	.dark-button{
		margin-left: 0px;
		margin-top: 15px;
	}
}

.dark-button:first-child{
	margin-left: 0px;
}


.dark-button:hover{
	background: #d21e2b;
}

.button-tag{
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	margin: 5px 5px 5px 0px;
	padding:  8px 15px 8px 15px !important;
}
.button-xs{
	display: inline-block;
	font-size: 10px;
	font-weight: 500;
	padding: 8px 17px 8px 17px;		
}

.button-sm{
	display: inline-block;
	font-weight: 500;
	font-size: 12px;
	padding: 11px 22px 11px 22px;		
}

.button-md{
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	padding: 13px 25px 13px 25px;	
}

.button-lg{
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	padding:  20px 35px 20px 35px !important;
}



/*--------------------
d) Lists
----------------------*/
.primary-list{
	padding-left: 0px;
}
.primary-list li{
    list-style-type: none;
    color: #222;
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;  
}
.primary-list li i{
    color: #6271f6;
    padding-right: 10px;
}

.light-list{
	padding-left: 0px;
}
.light-list li{
    list-style-type: none;
    color: #222;
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;  
}
.light-list li i{
    color: #f9417a;
    padding-right: 10px;
}


.white-list{
	padding-left: 0px;
}
.white-list li{
    list-style-type: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;  
}
.white-list li i{
    color: #d21e2b;
    padding-right: 15px;
}


.gradient-list{
	padding-left: 0px;
}
.gradient-list li{
    list-style-type: none;
    color: #222;
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;  
}
.gradient-list li i{
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-right: 10px;
}


/*--------------------
e) Color Control
----------------------*/
.primary-color h1, 
.primary-color h2, 
.primary-color h3, 
.primary-color h4, 
.primary-color h5, 
.primary-color h6, 
.primary-color p, 
.primary-color i, 
.primary-color span{
	color: #bda87f !important;
}
.dark-color h1, 
.dark-color h2, 
.dark-color h3, 
.dark-color h4, 
.dark-color h5, 
.dark-color h6, 
.dark-color p, 
.dark-color i, 
.dark-color span{
	color: #222 !important;
}
.white-color, 
.white-color h1, 
.white-color h2, 
.white-color h3, 
.white-color h4, 
.white-color h5, 
.white-color h6, 
.white-color p, 
.white-color i, 
.white-color span{
	color: #fff !important;
}

/*--------------------
f) Video Box
----------------------*/
.video-video-box{
	position: relative;
	display: block;
	width: 100%;
	height: auto;	
}
.video-video-box img{
	width: 100%;
}
.video-video-box-overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
}

.video-video-box-button{
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.video-video-box-button button{
	color: #222;
	font-size: 25px;
	background: rgba(255, 255, 255, .7);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	padding-top: 5px;
	padding-left: 12px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;	
}

.video-video-box-button button:hover{
	color: #fff;
	background: #222;
}
@media (max-width: 991px) {
	.video-video-box-button button{
		color: #222;
		font-size: 15px;
		background: rgba(255, 255, 255, .7);
		width: 60px;
		height: 60px;
		border-radius: 50%;
		padding-top: 1px;
		padding-left: 9px;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;	
	}	
}


.video-section-modaled{
	position: relative;
}

.video-section-modaled h5{
	color: #fff;
	font-size: 35px;
	font-weight: 500;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
	margin-bottom: 25px;
}


.video-section-modaled button{
	background: #fff;
	font-size: 25px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	padding-top: 3px;
	padding-left: 12px;
	-webkit-box-shadow: 10px 10px 38px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    10px 10px 38px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         10px 10px 38px 0px rgba(0, 0, 0, 0.2);		
	-webkit-transition-duration: .3s;
	transition-duration: .3s;	
}
.video-section-modaled button i{
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}





.pulsebox-2{
	width: 110px;
	height: 110px;
	background: rgba(255, 255, 255, .1);
	border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	animation: pulse_two 1s infinite;	
}
@-webkit-keyframes pulse_two {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
  }
  70% {
      -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 1);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
  }
}
@keyframes pulse_two {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .7);
  }
  70% {
      -moz-box-shadow: 0 0 0 40px rgba(255,255,255, 0);
      box-shadow: 0 0 0 40px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}


/*--------------------
g) Pagination
----------------------*/
.paginator{
	display: inline-block;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #2d2d2d;
	background: #f1f1f1;
	padding: 10px 15px 10px 15px;
	margin: 3px;
}
.paginator:hover{
	color: #fff;
	background: #bda87f;
}
.paginator:focus{
	color: #fff;
	background: #bda87f;
}
.active-page{
	color: #fff;
	background: #bda87f;	
}



/*--------------------
h) Overlays
----------------------*/
.light-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5; 
}

.medium-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6; 
}

.dark-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
}


.gradient-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
  background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
  background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%); 
  opacity: 0.9;
}


/*-----------------------------------------
8. Preloader
-------------------------------------------*/
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff;
    display: table;
    text-align: center;
} 
.loader {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    position: relative;
    width: 200px;
    height: 200px;
}
.loader-icon {
    width: 80px;
    height: 80px;
    border: 2px solid #d21e2b;
    border-right-color: #eee;
    border-radius: 50%;
    position: relative;
    animation: loader-rotate 1s linear infinite;
    margin: 0 auto;
}
@keyframes loader-rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}





/*-----------------------------------------
9. Scroll To Top Button
-------------------------------------------*/
.scroll-to-top{
	font-size: 20px;  
	padding: 6px; 
	text-align:center; 
	color: #fff;
	text-decoration: none;
	position:fixed;
	bottom:80px;
	right: 10px;
	display:none;
	border-radius: 50%;
	background: #111;
	width: 40px;
	height: 40px;  
	z-index: 9999;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;   
}
.scroll-to-top i{
	color: #fff;
}

.scroll-to-top:hover{
	color: #fff;
	background: #2d2d2d;
}
 .scroll-to-top:hover i{
	color: #fff;
}
.scroll-to-top:visited{
	color: #fff;
	text-decoration:none;
}



/*-----------------------------------------
10. Top Section
-------------------------------------------*/
.top-section{
	position: relative;
	width: 100%;
	min-height: 100%;
	padding-top: 120px;
	padding-bottom: 30px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;	
}

.slider-content{
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@media screen and (max-width:767px) {
	.top-section{
		padding-top: 40px;
	}	
	.slider-content{
		padding: 70px 30px;
	}
}
.slider-content h2{
  font-size: 60px;
  color: #fff;
  line-height: 1.1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
  font-weight: 500;
}

@media screen and (max-width:767px) {
  .slider-content h2{
    font-size: 25px;
    color: #fff;
    line-height: 1.4;
    font-weight: 600;
  }
}

.slider-content h3{
  font-size: 45px;
  color: #fff;
  line-height: 1.4;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
  font-weight: 600;
}

.slider-content p{
  font-size: 16px;
  color: rgba(255, 255, 255, .8);
  line-height: 1.9;
  font-weight: 400;
  max-width: 100%;
  margin-top: 20px;
  word-wrap: break-word;
}
@media screen and (max-width:767px) {
  .slider-content p{ 
    width: auto;
  }
}







/*-----------------------------------------
11. Feature Boxes
-------------------------------------------*/
.feature-box{
	position: relative;
	border-radius: 5px;
	margin: 30px 0px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;	
}

.feature-box-icon{
	float: left;
	width: 25%;
	margin-top: 5px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;	
}

.feature-box-icon i{
    background: -webkit-linear-gradient(315deg,#6271f6 33%,#f9417a 66%);
    background: -moz-linear-gradient(315deg,#6271f6 33%,#f9417a 66%);
    background: linear-gradient(135deg,#6271f6 33%,#f9417a 66%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	border-radius: 10px;
	padding: 10px; 
	font-size: 65px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}

@media (max-width: 991px) {
	.feature-box-icon{
		text-align: center;
		margin: 23px auto;
	}
	.feature-box-icon i{
		padding: 14px; 
		font-size: 40px;		
	}		
}

.feature-box-content{
	float: left;
	width: 75%;
	padding-left: 10px;
}

.feature-box-content h4{
    color: #111;
    font-size: 19px;
    font-weight: 500;
}

.feature-box-content h4 a{
    color: #111;
}

.feature-box-content p{
    color: #999;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 15px;
}

.feature-box-content-button{
	display: inline-block;
    color: #111;
    font-size: 14px;
    font-weight: 500;
}
.feature-box-content-button:after{
	content: '\f0da';
	font-size: 14px;
	font-family: "FontAwesome";
	color: #111;	
	margin-left: 7px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s; 	
}
.feature-box-content-button:hover{
	color: #d21e2b;
}
.feature-box-content-button:hover:after{
	color: #d21e2b;
}


/*Styles 2*/
.feature-square{
	margin-top: 20px;
	margin-bottom: 55px;	
}

.feature-block{
	margin-top: 90px;
}
@media (max-width: 992px) {
	.feature-block{
		margin-top: 10px;
	}	
}

.left-feature-block{
	text-align: right;
}

.feature-square-icon-left{
	float: right;
	width: 20%;
	margin-top: 5px;
	padding-left: 25px;
}

.feature-square-icon-right{
	float: left;
	width: 20%;
	margin-top: 5px;	
	padding-right: 7px;
}

.feature-square-icon-left i, .feature-square-icon-right i{
	font-size: 55px;
	background: -webkit-linear-gradient(315deg,#6271f6 33%,#f9417a 66%);
    background: -moz-linear-gradient(315deg,#6271f6 33%,#f9417a 66%);
    background: linear-gradient(135deg,#6271f6 33%,#f9417a 66%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feature-text-content{
	display: inline-block;
	width: 80%;
	padding-left: 13px;
}

.feature-text-content h4{
    color: #333;
    font-size: 20px;
    font-weight: 500;
}

.feature-text-content p{
    color: #777;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 15px;
}

.feature-block-img{
	padding: 0px 30px;
}

@media (max-width: 1200px) {
	.feature-square-right-center{
		margin-left: 0px;
	}
	.feature-square-left-center{
		margin-right: 0px;
	}
}

@media (max-width: 992px) {

	.feature-block-img img{
		margin-left: 10px;		
	}
	.feature-square{
		margin-top: 5px;
		margin-bottom: 15px;
	}
	.feature-text-content h4{
	    font-size: 18px;
	}
	.feature-text-content p{
	    font-size: 13px;
	}
	.feature-square-icon-left , .feature-square-icon-right {
		text-align: center;
	}
	.feature-square-icon-left i, .feature-square-icon-right i{
		font-size: 40px;	
	}
	.feature-block-img img{
		margin-right: 85px;
	}
}

@media (max-width: 767px) {

	.feature-square{
		text-align: left;
	}
	.feature-block-img {
		text-align: center;
		padding: 10px 0px;
	}
	.feature-square-icon-left{
		float: left;
		display: block;	
		padding: 0px;
		margin: 0px;
	}

	.feature-text-content{
		text-align: left;
		padding-right: 40px;
	}

	.feature-block-img img{
		width: 60%;
		margin-left: 20px;
	}

	.feature-text-content{
		padding: 0px;
		margin: 0px; 
	}
}





/*-----------------------------------------
12. Testmonials
-------------------------------------------*/
.testmonial-block{
	position: relative;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	-webkit-box-shadow: 0px 3px 35px 0.6px rgba(40, 30, 20, 0.1);
	-moz-box-shadow:    0px 3px 35px 0.6px rgba(40, 30, 20, 0.1);
	box-shadow:         0px 3px 35px 0.6px rgba(40, 30, 20, 0.1);
	padding: 50px 80px 50px 80px;
	margin: 45px 20px 20px 20px;
}
@media screen and (max-width:991px) {
	.testmonial-block{
		padding: 50px 50px 50px 50px;
		margin: 45px 20px 20px 20px;
	}
}

.testmonial-block img{
    width: 90px !important;
    height: 90px;
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);      
    border-radius: 50%;
    display: inline !important;
    margin-top: 0px;
    margin-top: -115px;
    z-index: 999999;
}

.testmonial-block p{
	font-size: 15px;
	font-weight: 500;
	line-height: 180%;
	color: #999;
}

.testmonial-block h4{
	font-size: 22px;
	font-weight: 400;
	color: #222;
	margin-bottom: 15px;
	margin-top: 5px;
}

.testmonial-block h5{
	font-size: 17px;
	font-weight: 500;
	color: #222;
	margin-top: 15px;
}

.testmonial-block-raiting i {
    color: #ffc527;
    font-size: 18px;
    margin-top: 0px;
}




/*-----------------------------------------
13. Screenshots 
-------------------------------------------*/
.screenshots .owl-carousel .owl-item img{
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.6;
	border-radius: 10px;
	-webkit-transition: 0.3s;
	transition: 0.3s;	
}

.screenshots .owl-carousel .owl-item{
	padding: 30px 0;
}
.screenshots .owl-carousel .owl-item.active.center img{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	border: 1px solid #ececec;
	-webkit-box-shadow: 0px 3px 65px 0.6px rgba(40, 30, 20, 0.1);
	-moz-box-shadow: 0px 3px 65px 0.6px rgba(40, 30, 20, 0.1);
	box-shadow: 0px 3px 65px 0.6px rgba(40, 30, 20, 0.1);
}

@media screen and (max-width:767px) {
	.screenshots .owl-carousel .owl-item.active.center img{	
		padding: 30px;
	}
}



/*-----------------------------------------
14. Newsletter
-------------------------------------------*/
.newsletter-form{
	position: relative;
	padding: 5px;
	background: #fff;
	display: inline-block;
	border-radius: 30px;
}

.newsletter-form input{
	display: inline-block;
	background: rgba(255, 255, 255, .5);
	color: #111;
	font-size: 14px;
	font-weight: 500;
	outline: 0;
	border: 2px solid rgba(255, 255, 255, .0);
	min-width: 280px;
	max-width: 100%;
	border-radius: 30px;
	padding: 12px 20px;
}
.newsletter-form button{
	display: inline-block;
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 90%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 90%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 90%); 
	color: #fff;
	font-size: 14px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	font-weight: 500;
	border-radius: 30px;
	padding: 14px 20px;
	-webkit-background-size: 100% 200%;
	-moz-background-size: 100% 100%;
	background-size: 100% 200%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;		
}
.newsletter-form button:hover{
	background-size: 100% 400%;
    background-position: 600% 0%;
}

@media (max-width: 767px) {
	.newsletter-form{
		background: transparent;
	}
	.newsletter-form input{
		background: #fff; 
		border-radius: 30px;
		width: 100%;
		display: block;
	}
	.newsletter-form button{
		border-radius: 30px;
		width: 100%;
		display: block;
		margin-top: 15px;
	}	
}



/*-----------------------------------------
15. Social Links
-------------------------------------------*/
.social-links{
	position: relative;
}

.social-links ul{
	text-align: center;
	padding-left: 0px;
}

.social-links ul li{
	list-style-type: none;
	display: inline-block;
	margin-right: 7px;
}

.social-links ul li:last-child{
	margin-right: 0px;
}

.social-links ul li a{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%; 
	padding-top: 10px;
}

.social-links ul li a i{
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}    

.social-links ul li a:hover{
	transform: translateY(-0.5rem);
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1);	
}



/*-----------------------------------------
16. Footer
-------------------------------------------*/
footer{
	background: #fff;
	padding: 25px 0px;
}

footer h3{
	font-size: 15px;
	font-weight: 600;
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
	text-align: center;
}





/*-----------------------------------------
17. Pricing
-------------------------------------------*/
.pricing-box{
	overflow: hidden;
	position: relative;
	margin: 20px 0px;
	text-align: center;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 0 20px 80px rgba(0,0,0,0.12);
    box-shadow: 0 20px 80px rgba(0,0,0,0.12);
    -webkit-transition-duration: 0.3s;
	transition-duration: 0.3s; 
}
.pricing-box:hover{
	-webkit-box-shadow: 0 20px 80px rgba(0,0,0,0.12);
    box-shadow: 0 20px 80px rgba(0,0,0,0.16);
}


.pricing-box-digits{
	background: linear-gradient(to top left, #6271f6 0%, #f9417a 100%);
	padding: 20px 10px;
}

.pricing-box-digits-modern{
	background: linear-gradient(to top left, #f9417a 0%, #6271f6 100%);
}
	

.pricing-box-digits h4{
	color: #fff;
	font-size: 20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	font-weight: 600;
	letter-spacing: 2px;
}

.pricing-box-digits h3{
	display: inline-block;
	color: #fff;
	font-size: 60px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	font-weight: 500;
	margin-top: 10px;
}

.pricing-box-digits sup{
	color: #fff;
	font-size: 20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	font-weight: 400;
	padding-right: 3px;
}

.pricing-box-digits span{
	color: #fff;
	font-size: 18px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	font-weight: 400;
}

.pricing-box-digits h5{
	color: #fff;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 5px 0px;

}


.pricing-box-info{
	padding: 25px 15px 0px 15px;
	background: #fff;
}

.pricing-box-info ul li{
	color: #676767;
	font-size: 15px;
	font-weight: 500;
	line-height: 170%;
	padding-top: 6px;
}

.pricing-button{
	display: inline-block;
    margin: 20px 0px 25px 0; 
}

.pricing-button a{
    display: block; 
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 40px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s; 
}
.pricing-button a:hover {
    color: #fff;
}






/*-----------------------------------------
18. Team
-------------------------------------------*/
.team-member{
	position: relative;
	overflow: hidden;
    border: 1px solid #ececec;	
	text-align: center;
	border-radius: 10px;	
	margin: 15px 0px;
}

.team-box{
	position: relative;
	overflow: hidden;
	text-align: center;
}

.team-box img{
	display: block;
	width: 100%;
	height: auto;
}

.team-overlay {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.team-box:hover .team-overlay{
	opacity: 1;
    background: linear-gradient(to top left, rgba(98, 113, 246, 0.8) 0%, rgba(249, 65, 122, 0.8) 100%);
}


.team-member-content {
	white-space: nowrap; 
	color: white;
	font-size: 20px;
	position: absolute;
	overflow: hidden;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.team-member-content ul li{
	display: inline-block;
	margin-right: 7px;
}

.team-member-content ul li:last-child{
	margin-right: 0px;
}

.team-member-content ul li{
	width: 40px;
	height: 40px;	
    border: 2px solid #fff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.team-member-content ul li:hover{
    background: #fff;
}

.team-member-content ul li a i{
	padding-right: 4px;
	padding-top: 10px;
	width: 40px;
	height: 40px;	
	font-size: 18px;
	text-align: center;
	color: #fff;		
}
.team-member-content ul li:hover a i{
    background: -webkit-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: -moz-linear-gradient(315deg,#6271f6 5%,#f9417a 95%);
    background: linear-gradient(135deg,#6271f6 5%,#f9417a 95%);  
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.team-box-name{
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 18px 0px;
}

.team-box-name h4{
	color: #333;
	font-size: 20px;
	font-weight: 500;
}

.team-box-name h6{
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 3px;
	background: -webkit-linear-gradient(#6271f6,#f9417a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}





/*-----------------------------------------
19. Blog (Grid, Post)
-------------------------------------------*/
/*Grid*/
.blog-box{
	position: relative;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow: 0 20px 50px rgba(0,0,0,0.08);
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
    -webkit-transition-duration: .5s;
	transition-duration: .5s;
	margin: 20px 0px;
}
.blog-box:hover{
	-webkit-box-shadow: 0 20px 50px rgba(0,0,0,0.15);
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.blog-box-img img{
	width: 100%;
	height: auto;	
}

.blog-box-data{
	position: absolute;
	top: 0;
	margin-left: 15px;
	display: inline-block;
	padding: 8px 15px;
	background: linear-gradient(to top left, #6271f6 0%, #f9417a 100%);
}

.blog-box-data h6{
	color: #fff;
	font-size: 12px;
	font-weight: 500;
}

.blog-box-text{
	display: inline-block;
	padding: 25px;
}

.blog-box-text h4{
	color: #333;
	font-size: 22px;
	font-weight: 500;
}

.blog-box-text-data{
	margin: 15px 0px;
}

.blog-box-text-data span{
	margin-right: 30px;
	color: #777;
	font-size: 14px;
}

@media (max-width: 991px) {
	.blog-box-text-data span{
		display: block;
	}
}

.blog-box-text-data span i{
	color: #777;
	font-size: 14px;
	margin-right: 5px;
}

.blog-box-text p{
	color: #777;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
}

/*Post*/
.blog-post-left{
	margin: 0px 0px 30px 0px;
}

.blog-post-left img{
	width: 100%;
	height: auto;
}

.blog-category{
	margin: 20px 0px 20px 0px;
}

.blog-category span{
	font-size: 14px;
	color: #6b6b6b;
	margin-right: 25px;
	font-weight: 500;
}

.blog-category i{
	font-size: 14px;
	margin-right: 8px;
	color: #9b9b9b;
}

.blog-post-left h4{
	color: #333;
	font-size: 30px;
	font-weight: 400;
	margin: 10px 0px 15px 0px;
}

.blog-post-left p{
	color: #6b6b6b;
	font-size: 14px;
	font-weight: 500;
	line-height: 180%;
	margin: 15px 0px 15px 0px;
}

.blockquote{
	background: #f7f7f7;
	border-left: 4px solid #ccc;
	font-size: 16px;
	font-weight: 500;
	margin: 25px 0px 25px 0px;
	padding: 20px 30px 35px 30px;
}

.blockquote p{
	color: #333333;
	font-size: 15px;
	font-weight: 500;
	line-height: 190%;
}


.comment-block{
    background: #fff;
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 20px;
}

.blog-comments{
	background: #f7f7f7;
	border-radius: 5px;
	padding: 30px;
}
.blog-comments h3{
	font-size: 22px;
	font-weight: 500;
	color: #333;
    line-height: 1.3;
    margin-top: 30px;
}
.blog-comment-user{
	border-bottom: 1px solid #ececec;
	padding-top: 25px;
	padding-bottom: 25px;
}
.blog-comment-user img{
	border-radius: 50%;
}
.blog-comment-user h6{
	display: inline-block;
    color: #444;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin: 0px;
    margin-right: 15px;
}

.blog-comment-user strong{
	background: -webkit-linear-gradient(#6271f6,#f9417a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 12px;
	font-weight: 500;
}
.blog-comment-user p{
	color: #777;
	font-size: 13px;
	font-weight: 500;
	margin-top: 10px;
}


/*form*/
.comment-form input,.comment-form textarea{
    font-weight: 500 !important;
    border-radius: 5px;
    font-size: 13px;
    border: 1px solid #eee;
    background: #fff;
    color: #222 !important;
    outline: none;
    width: 100%;
    padding: 12px;
    margin-top: 30px;
    transition: .3s;	   
}
.comment-form input:focus{
    border-color: #ccc;
}

.comment-form textarea{
	overflow: hidden;
    color: #6b6b6b;
    font-size: 12px;
    font-weight: 500; 
    border: none;
    border: 1px solid #eee;
    border-radius: 5px;
    width: 100%;
    margin-top: 30px; 
    padding: 13px 15px 13px 15px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;       
}

.comment-form textarea{
    min-height: 140px;
}
.comment-form textarea:focus{
    border-color: #ccc;
}



.blog-post-right{
	margin: 0px 0px 0px 0px;
}

/*search*/
#search-input{
    padding: 0px;
    border: solid 1px #f1f1f1;
    border-radius: 5px;
    background: #fff;
    padding: 3px;
}

#search-input input{
	font-weight: 500;
    border: 0;
    border-radius: 10px;
    box-shadow: none;
    padding: 20px 15px;
}

#search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    outline: none !important;
    padding: 0 11px 0 13px;
    border-left: solid 1px #ccc;
}
#search-input .glyphicon-search{
    font-size: 13px;
    color: #222;
} 
/*search end*/



.blog-post-right-heading h5{
	color: #333333;
    font-size: 22px;
    font-weight: 400;
    margin: 45px 0px 25px 0px;
}
.blog-post-right-heading h5:after {
	content: '';
	display: block;	
	width: 70px;
	height: 2px;
	background-image: linear-gradient(90deg,#6271f6 0%,#f9417a 100%);
	margin-top: 10px;
	margin-bottom: 10px;
}

/*category*/
.blog-categories ul{
    margin-top: 20px;
    padding: 0px;
}

.blog-categories ul li{
    list-style-type: none;
    border-bottom: 1px solid #f1f1f1;
}

.blog-categories ul li a:after{
    content: "\f105";
    font-size: 15px;
    font-weight: 600;
    float: right;
    font-family: FontAwesome;
   background: -webkit-linear-gradient(315deg,#6271f6 33%,#f9417a 66%);
    background: -moz-linear-gradient(315deg,#6271f6 33%,#f9417a 66%);
    background: linear-gradient(135deg,#6271f6 33%,#f9417a 66%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blog-categories ul li a{
	display: block;
    font-size: 15px;
    font-weight: 500;
    padding: 18px 0px 18px 0px;
    color: #666;
    margin-left: 8px;
}
.blog-categories ul li a:hover{
    margin-left: 15px;
}

/* Latest News*/
.latest-posts{
    margin-top: 20px;
}

@media (max-width: 767px) {
    .latest-posts-text{
        margin-top: 10px;
    }
    .blog-post-left{
        margin-top: 20px;
    }
}

.latest-posts-img img{
	border-radius: 50%;
}


.latest-posts-text a{
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #888;
    margin-bottom: 10px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; 
}
.latest-posts-text a:hover{
    color: #666;
}

.latest-posts-text span{
    font-size: 14px;
    font-weight: 500;
    background: -webkit-linear-gradient(#6271f6,#f9417a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*Archives*/
.archives ul{
    margin-top: 20px;
    padding: 0px;
}

.archives ul li{
    list-style-type: none;
    border-bottom: 1px solid #eee;
    padding: 13px 0px 13px 0px;
}

.archives ul li a{
	color: #6b6b6b;
	font-size: 14px;
	font-weight: 500;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s; 
}
.archives ul li a:hover{
	color: #08ad79;
	font-size: 14px;
}

.archives ul li span{
	float: right;
	color: #08ad79;
	font-size: 13px;
	font-weight: 500;
}