/*------------------------------------------------------------------
  * Name: Voice Over HTML5 Template
  * Version: 1.0
  * Author: Kayapati
  * Author URI: https://themeforest.net/user/kayapati

[Table of contents]
  1. Headings
  2. Button
  3. V-Space
  4. Title
  5. Header
  6. Logo
  7. Right Info
  8. Search Box
  9. Parallax Container 1
  10. Parallax Container 2
  11. Parallax Container 3
  12. Parallax Container 4
  13. Parallax Container 5
  14. Icon Box
  15. Latest News
  16. Clients
  17. Footer
  18. Most Bottom Footer
  19. Scroll Top
  20. Page Title Bar
  21. Image Box
  22. Process Icons
  23. Team
  24. Artist Content
  25. Text Box
  26. Pagination
  27. Shop Page
  28. Contact
  29. Loader
  30. Contact Form
  31. Isotope
-------------------------------------------------------------------*/

body{
	margin: 0px;
	padding: 0px;
}

/*------------------------------------------------------------------
[1. Headings]*/

h1,
h2,
h3,
h4,
h5,
h6{
	color: #000;
	font-family: 'Crete Round', serif;
	margin-bottom: 10px;
}

blockquote{
	font-family: 'Open Sans', serif;
}

h1{
	font-size: 46px;
}

h2{
	font-size: 38px;
}

h3{
	font-size: 28px;
}

h4{
	font-size: 24px;
}

h5{
	font-size: 22px;
}

h6{
	font-size: 18px;
}

p{
	font-size: 14px;
	color: #787878 !important;
	line-height: 28px;
}

p,
span,
select,
input{
	font-family: 'Open Sans', sans-serif;
}

img{
	max-width: 100%;
	height: auto;
}

li{
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
}

a img{
	border: none;
}

*|*:focus{
	outline: none;
}

a,
a:hover,
a:visited,
a:active{
	border: none;
	outline: none;
}

a:link,
a,
td,
th{
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
}

a:hover{
	color: #E91E63;
}

.img-align{
	margin: 0px auto;
	display: table;
}

table{
	border-collapse: collapse;
	width: 100%;
}

tr th{
	background: #E91E63;
	color: #FFF;
	font-family: 'Crete Round', serif;
	font-size: 16px;
	border: 1px solid #AB2855;
}

td,
th{
	border: 1px solid #E4E4E4;
	text-align: left;
	padding: 8px 25px;
	font-size: 14px;
	color: #787878;
}

td a{
	color: #E91E63;
}

td a:hover{
	color: #E91E63;
	text-decoration: underline;
}

tr:nth-child(odd){
	background-color: #F2F2F2;
}

iframe{
	width: 100%;
	border: none;
}

.maps iframe{
	pointer-events: none;
}

/*------------------------------------------------------------------
[2. Button]*/

.bg-btn{
	background: #E91E63;
	display: inline-block;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color: #FFF;
	padding: 15px 25px;
}

.bg-btn:before{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #C2185B;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.bg-btn:hover,
.bg-btn:focus,
.bg-btn:active{
	color: white;
}

.bg-btn:hover:before,
.bg-btn:focus:before,
.bg-btn:active:before{
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.btn{
	background: #FFF;
	color: #333;
	padding: 15px 25px !important;
	display: inline-block;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.btn:before{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #C2185B;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.btn:hover,
.btn:focus,
.btn:active{
	color: white;
}

.btn:hover:before,
.btn:focus:before,
.btn:active:before{
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/*------------------------------------------------------------------
[3. V Space]*/

.v-space{
	height: 60px;
}

/*------------------------------------------------------------------
[4. Title]*/

.center-title{
	text-align: center;
}

.center-title i{
	color: #ADADAD;
	font-size: 30px;
	margin: 0 15px;
}

.center-title span{
	display: inline-block;
}

span.left-line{
	background: #CCC;
	height: 1px;
	width: 5%;
	position: relative;
	bottom: 10px;
}

span.right-line{
	width: 5%;
	height: 1px;
	background: #CCC;
	position: relative;
	bottom: 10px;
}

.title-left{
	position: relative;
	margin-bottom: 40px;
}

.title-left:before{
	position: absolute;
	width: 10%;
	height: 3px;
	background: #E91E63;
	content: "";
	bottom: -11px;
	left: 0;
}

.title-center{
	text-align: center;
	position: relative;
}

.title-center:before{
	position: absolute;
	width: 5%;
	height: 3px;
	background: #E91E63;
	content: "";
	bottom: -11px;
	margin: 0px auto;
	right: 0;
	left: 0;
}

/*------------------------------------------------------------------
[5. Header]*/

header{
	background: url(./images/header-bg.jpg);
	width: 100%;
	display: table;
}

header .two-third{
	width: 69.2%;
	margin-right: 0px;
}

/*------------------------------------------------------------------
[6. Logo]*/

.logo{
	float: left;
	padding: 28px 0 25px 60px;
}

/*------------------------------------------------------------------
[7. Right Info]*/

.right-info{
	background-color: #FAFAFA;
	padding: 28px 60px 28px 28px;
}

.right-info ul li{
	display: inline-block;
	margin: 0 20px;
}

.right-info ul li:last-child{
	margin-right: 0;
}

.right-info ul li a{
	font-size: 13px;
	color: #565656;
}

.right-info ul li a i{
	background: #FFF;
	border: 1px solid #DBDBDB;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	margin-right: 5px;
	color: #000;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.right-info ul li a:hover{
	color: #E91E63;
}

.right-info ul li a:hover i{
	background: #E91E63;
	border: 1px solid #D05056;
	color: #FFF;
	-webkit-transition: all ease 0.7s;
	-moz-transition: all ease 0.7s;
	-o-transition: all ease 0.7s;
	-ms-transition: all ease 0.7s;
	transition: all ease 0.5s;
}

.right-info ul li:nth-child(2n+2) i{
	position: relative;
}

.right-info ul li:nth-child(2n+2) span{
	background: #E91E63;
	color: #FFF;
	width: 15px;
	display: table;
	position: absolute;
	top: 0px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	right: -12px;
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	border: 2px solid #FFF;
	padding: 1px;
	display: block;
}

.searchlink{
	display: block;
	position: relative;
	right: 0;
	cursor: pointer;
	background: #FFF;
	color: #000;
	border: 1px solid #DBDBDB;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 13px;
}

.searchlink:hover,
.searchlink.open{
	background: #E91E63;
	border: 1px solid #E91E63;
	color: #FFF;
	-webkit-transition: all ease 0.7s;
	-moz-transition: all ease 0.7s;
	-o-transition: all ease 0.7s;
	-ms-transition: all ease 0.7s;
	transition: all ease 0.5s;
}

.searchlink.open > .searchform{
	display: block;
}

.searchform{
	display: none;
	position: absolute;
	width: 300px;
	height: 50px;
	line-height: 40px;
	top: 33px;
	right: 0;
	cursor: default;
	z-index: 100;
	color: #FFF;
}

.searchlink.open .searchform{
	display: block;
}

#search{
	display: block;
	position: relative;
}

#s{
	width: 270px;
	background: #E91E63;
	padding: 8px 23px;
	border: 0;
	border-radius: 30px;
	color: #FFF;
}

.sbtn{
	display: block;
	position: absolute;
	right: 5px;
	top: 13px;
	background: none;
	border: none;
	color: #FFF;
	font-size: 0.6em;
	cursor: pointer;
}

#search ::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
	color: #FFF;
}

#search :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
	color: #FFF;
	opacity: 1;
}

#search ::-moz-placeholder{ /* Mozilla Firefox 19+ */
	color: #FFF;
	opacity: 1;
}

#search :-ms-input-placeholder{ /* Internet Explorer 10-11 */
	color: #FFF;
}

/*------------------------------------------------------------------
[8. Search Box]*/

.search-box .container{
	padding: 3%;
}

.search-box{
	background: #FAFAFA;
	text-align: center;
	border-bottom: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	margin-top: -4px;
}

.search-box ul li{
	display: inline-block;
}

.search-box ul{
	margin: 0px auto;
	text-align: center;
}

.select{
	font-size: 16px;
	position: relative;
	display: inline-block;
}

.select select{
	outline: none;
	-webkit-appearance: none;
	display: block;
	margin: 0;
	transition: border-color 0.2s;
	line-height: normal;
	background-color: #FFF;
	border: 1px solid #DBDBDB;
	border-radius: 0px;
	font-size: 14px;
	color: #333;
	padding: 11px 65px 11px 17px;
	transition: all 300ms linear 0s;
}

@-moz-document url-prefix(){
	select{
		-moz-appearance: none;
		text-indent: 0.01px;
		text-overflow: "";
	}
}

.select .arr{
	background: #FFF;
	bottom: 5px;
	position: absolute;
	right: 5px;
	top: 5px;
	pointer-events: none;
}

.select .arr:before{
	content: "\f107";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -9px;
	pointer-events: none;
	font-family: FontAwesome;
	font-size: 19px;
}

.search-box .bg-btn{
	border: none;
	padding: 14px 42px 13px;
	color: #FFF;
	cursor: pointer;
}

/*------------------------------------------------------------------
[9. Parallax Container 1]*/

.parallax-container{
	background-image: url(./images/parallax/1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.parallax-container h2,
.parallax-container h3,
.parallax-container .center-title i{
	color: #FFF;
}

.parallax-container img{
	margin-bottom: 30px;
}

.featured-content{
	float: left;
}

.featured-content p{
	color: #8C8C8C;
}

.parallax-container a.bg-btn{
	float: right;
}

/*------------------------------------------------------------------
[10. Parallax Container 2]*/

.parallax-container-2{
	background-image: url(./images/parallax/3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	border-bottom: 1px solid #D4D4D4;
}

/*------------------------------------------------------------------
[11. Parallax Container 3]*/

.parallax-container-3{
	background-image: url(./images/parallax/5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.parallax-container-3 h2{
	color: #FFF;
}

.parallax-container-3 .span.left-line,
.parallax-container-3 .span.right-line{
	background: #FFF;
}

.parallax-container-3 .center-title i{
	color: #FFF;
}

/*------------------------------------------------------------------
[12. Parallax Container 4]*/

.parallax-container-4{
	background-image: url(./images/parallax/2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	border-top: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
}

/*------------------------------------------------------------------
[13. Parallax Container 5]*/

.artist-content{
	background-image: url(./images/parallax/4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}

/*------------------------------------------------------------------
[14. Parallax Container 6]*/

.parallax-container-6{
	background-image: url(./images/parallax/4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	border-bottom: 1px solid #D4D4D4;
}

/*------------------------------------------------------------------
[15. Icon Box]*/

.icon-box i{
	float: left;
	background: #FDFDFD;
	border-radius: 100%;
	font-size: 23px;
	border: 10px solid #EAEAEA;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	-webkit-transition: -webkit-transform ease-out 0.5s, background 0.5s;
	-moz-transition: -moz-transform ease-out 0.5s, background 0.5s;
	transition: transform ease-out 0.5s, background 0.5s;
	box-shadow: 0px 3px 8px #AAA;
}

.icon-box:hover i{
	background: #E91E63;
	border-radius: 100%;
	font-size: 23px;
	border: 10px solid #C2185B;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	color: #FFF;
	cursor: pointer;
}

.icon-box:hover h4{
	color: #E91E63;
	cursor: pointer;
}

.icon-box:hover span{
	background-color: #E91E63;
}

.description{
	overflow: hidden;
}

.awe-icon{
	position: relative;
	float: left;
	z-index: 5;
	margin-right: 30px;
}

.awe-icon span{
	position: absolute;
	width: 5px;
	height: 40px;
	background: #EAEAEA;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0px auto;
	top: 80px;
	z-index: 0;
}

.awe-icon:hover span{
	background: #C2185B;
}

/*------------------------------------------------------------------
[16. Latest News]*/

.latest-news-hd{
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.latest-news-hd h3,
.latest-news-hd p{
	color: #FFF !important;
}

.img-sc{
	background-size: cover;
	background-position: center center
}

.img-sc > img{
	display: none
}

.news{
	height: 265px;
	overflow: hidden;
	text-align: center;
	display: table;
	position: relative;
	color: #FFF
}

.latest-news{
	position: relative;
	overflow: hidden;
	float: left;
	width: 100%;
	-webkit-transition: ease .3s all;
	-moz-transition: ease .3s all;
	-o-transition: ease .3s all;
	transition: ease .3s all
}

.latest-news .latest-news-img{
	overflow: hidden;
	float: left;
	width: 50%
}

.latest-news .latest-news-desc{
	position: absolute;
	right: -50%;
	top: 0
}

.latest-news:hover .latest-news-desc{
	right: 0
}

.latest-news:hover .latest-news-con:before{
	right: -50%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}

.latest-news-desc{
	width: 100%;
	-webkit-transition: ease .3s all;
	-moz-transition: ease .3s all;
	-o-transition: ease .3s all;
	transition: ease .3s all
}

.latest-news-con{
	width: 50%;
	overflow: visible;
	position: relative
}

.latest-news-con:before{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	content: "\f054";
	display: block;
	font-family: FontAwesome;
	width: 64px;
	height: 38px;
	position: absolute;
	margin-right: -32px;
	margin-top: -19px;
	right: 150%;
	top: 50%;
	z-index: 100;
	-webkit-transition: ease .3s all;
	-moz-transition: ease .3s all;
	-o-transition: ease .3s all;
	transition: ease .3s all;
	font-size: 25px;
}

.news-bg-1{
	background: #673AB7;
}

.news-bg-2{
	background: #3F51B5;
}

.news-bg-3{
	background: #2196F3;
}

.news-bg-4{
	background: #9C27B0;
}

/*------------------------------------------------------------------
[17. Clients]*/

ul.clients li{
	display: inline-block;
	width: 24.82%;
	border: 1px solid #F5F5F5;
	float: left;
	-webkit-transition: border-color 1s ease;
	-moz-transition: border-color 1s ease;
	-o-transition: border-color 1s ease;
	-ms-transition: border-color 1s ease;
	transition: border-color 1s ease;
	-webkit-transition: box-shadow 1s ease;
	-moz-transition: box-shadow 1s ease;
	-o-transition: box-shadow 1s ease;
	-ms-transition: box-shadow 1s ease;
	transition: box-shadow 1s ease;
}

ul.clients li:hover{
	border: 1px solid #DEDEDE;
	box-shadow: inset 0 0 0 25px #E91E63;
}

/*------------------------------------------------------------------
[18. Footer]*/

footer{
	background-image: url(./images/footer-bg.jpg);
	background-size: cover;
	overflow: hidden;
}

footer .one-third-last .container{
	background-color: #FAFAFA;
	border-top: 1px solid #DCDCDC;
}

footer .one-third-last .container h4{
	color: #333;
}

.widget h4{
	color: #FFF;
	padding-bottom: 0px;
}

.widget span{
	background-color: #E91E63;
	height: 3px;
	width: 60px;
	display: block;
	margin-bottom: 30px;
}

.widget li{
	font-size: 14px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.widget li a{
	color: #898989;
}

.widget li a:hover{
	color: #E91E63;
}

ul.flickr li{
	float: left;
	display: inline-block;
	width: 30%;
	margin-right: 6px;
	height: auto;
	margin-bottom: -7px;
}

.one-third-last .widget i{
	float: left;
	background: #FFF;
	border: 1px solid #DBDBDB;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	margin-right: 5px;
	color: #000;
	font-size: 15px;
}

.one-third-last .widget p{
	float: left;
	padding-left: 15px;
}

.widget li:last-child{
	margin-bottom: 0;
}

/*------------------------------------------------------------------
[19. Most Bottom Footer]*/

.bottom-footer{
	overflow: hidden;
	display: block;
	background: #131313;
}

.bottom-footer .container{
	padding: 30px 60px;
	margin-bottom: -7px;
}

.bottom-footer li a{
	color: #4A4746;
	font-size: 14px;
	margin-right: 50px;
	float: left;
}

.bottom-footer .one-third-last{
	background: #F1F1F1;
	border-top: 1px solid #DCDCDC;
}

.bottom-footer li a:hover{
	color: #E91E63;
}

/*------------------------------------------------------------------
[20. Scroll Top]*/

#back-top{
	position: fixed;
	bottom: 30px;
	right: -35px;
}

#back-top a{
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover{
	color: #000;
}

#back-top span{
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #131313;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	line-height: 50px;
	font-size: 15px;
}

#back-top a:hover span{
	background-color: #E91E63;
}

/*------------------------------------------------------------------
[21. Page Title Bar]*/

#page-title-bar{
	background-image: url(./images/page-title-bar/1.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding: 80px;
}

#page-title-bar h2,
#page-title-bar p{
	color: #FFF !important;
}

#page-title-bar a{
	color: #E91E63;
}

.artist #page-title-bar{
	background-image: url(./images/page-title-bar/2.jpg);
}

.artist-single-page #page-title-bar{
	background-image: url(./images/page-title-bar/3.jpg);
}

.price #page-title-bar{
	background-image: url(./images/page-title-bar/4.jpg);
}

.vlog #page-title-bar{
	background-image: url(./images/page-title-bar/6.jpg);
}

.blog-single-page #page-title-bar{
	background-image: url(./images/page-title-bar/7.jpg);
}

.shopping #page-title-bar{
	background-image: url(./images/page-title-bar/8.jpg);
}

.contact #page-title-bar{
	background-image: url(./images/page-title-bar/5.jpg);
}

/*------------------------------------------------------------------
[22. Image Box]*/

.image-box-desc{
	background: #F2F2F2;
	padding: 30px;
	margin-top: -4px;
	border: 1px solid #E5E5E5;
}

.image-box-desc span{
	background: #E91E63;
	width: 12%;
	height: 2px;
	display: table;
	margin: 13px 0 15px 0;
}

/*------------------------------------------------------------------
[23. Process Icons]*/

.parallax-container-4 a{
	background: #F4F4F4;
	border-radius: 100%;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	width: 166px;
	height: 166px;
	text-align: center;
	line-height: 166px;
	border: 20px solid #FFF;
	margin: 0px auto;
	position: relative;
	margin-bottom: 30px;
	font-size: 50px;
	color: #000;
	-webkit-transition: -webkit-transform ease-out 0.8s, background 0.8s;
	-moz-transition: -moz-transform ease-out 0.8s, background 0.8s;
	transition: transform ease-out 0.8s, background 0.8s;
	box-shadow: 0px 4px 15px #D8D8D8;
	display: block;
}

.parallax-container-4 a:hover{
	background: #E91E63;
	border-radius: 100%;
	border: 20px solid #C2185B;
	color: #FFF;
	cursor: pointer;
	width: 166px;
	height: 166px;
	line-height: 166px;
}

.parallax-container-4 .one-fourth:hover a{
	cursor: pointer;
}

.parallax-container-4 a:before{
	position: absolute;
	height: 2px;
	width: 151%;
	content: "";
	top: 50%;
	left: 113%;
	border: 1px dashed #BFBFBF;
}

.parallax-container-4 .one-fourth-last a:before{
	display: none;
}

.parallax-container-4 h4,
.parallax-container-4 p{
	text-align: center;
}

.parallax-container-4 .center-title i{
	color: #969696;
}

/*------------------------------------------------------------------
[24. Team]*/

.team{
	position: relative;
}

.team-desc{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 80px 0px 30px 0px;
}

.team-desc h4{
	margin-bottom: 5px;
	color: #FFF;
	padding: 0 30px;
}

.team-desc p{
	color: #FFF !important;
	font-size: 15px;
	padding: 0 30px;
}

/*------------------------------------------------------------------
[25. Artist Content]*/

.artist-content ul li{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #E3E3E3;
	color: #787878;
	font-size: 14px;
	overflow: hidden;
}

.artist-content ul li strong{
	width: 20%;
	float: left;
}

.artist-content ul li{
	color: #787878;
	width: 100%;
	float: left;
	overflow: hidden;
	display: block;
}

.social-icons a{
	background: #FFF;
	border: 1px solid #DBDBDB;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	margin-right: 10px;
	color: #000;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
	display: block;
	float: left;
	margin-top: 30px;
}

.social-icons a:hover{
	background: #E91E63;
	border: 1px solid #D05056;
	color: #FFF;
	-webkit-transition: all ease 0.7s;
	-moz-transition: all ease 0.7s;
	-o-transition: all ease 0.7s;
	-ms-transition: all ease 0.7s;
	transition: all ease 0.5s;
}

.artist-single-page .artist-title i{
	line-height: 28px;
}

/*------------------------------------------------------------------
[26. Text Box]*/

.text-box{
	position: relative;
}

.text-desc{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	padding: 30px;
	background: #FFF;
	margin: 0 47px;
}

/*------------------------------------------------------------------
[27. Pagination]*/

.author-thumb{
	padding: 6px;
	width: 80px;
	height: 80px;
	background: #F2F2F2;
	border-radius: 100%;
	-moz-border-radius: 100%;
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	-webkit-transition: -webkit-transform ease-out 0.8s, background 0.8s;
	-moz-transition: -moz-transform ease-out 0.8s, background 0.8s;
	transition: transform ease-out 0.8s, background 0.8s;
}

li.pg-main{
	width: 80px;
	height: 80px;
	line-height: 80px;
	background: #F9F9F9;
	border: 5px solid #F2F2F2;
	border-radius: 100%;
	-moz-border-radius: 100%;
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	-webkit-transition: -webkit-transform ease-out 0.8s, background 0.8s;
	-moz-transition: -moz-transform ease-out 0.8s, background 0.8s;
	transition: transform ease-out 0.8s, background 0.8s;
}

li:hover.pg-main{
	background: #E91E63;
	border: 5px solid #C2185B;
	-webkit-transition: -webkit-transform ease-out 0.8s, background 0.8s;
	-moz-transition: -moz-transform ease-out 0.8s, background 0.8s;
	transition: transform ease-out 0.8s, background 0.8s;
}

li.pg-main a{
	color: #333;
}

li.pg-main a:hover{
	color: #FFF;
}

.circle-thumb{
	border-radius: 100%;
	-moz-border-radius: 100%;
}

.pagination{
	margin: 0px auto;
	text-align: center;
}

.pagination ul{
	width: 100%;
	margin: 0px auto;
}

.pagination ul li{
	display: inline-block;
}

li.pg-prev{
	float: left;
	position: relative;
}

li.pg-prev:before{
	position: absolute;
	content: "";
	top: 48%;
	right: -28px;
	background-color: #F2F2F2;
	width: 30px;
	height: 5px;
	-webkit-transition: -webkit-transform ease-out 0.8s, background 0.8s;
	-moz-transition: -moz-transform ease-out 0.8s, background 0.8s;
	transition: transform ease-out 0.8s, background 0.8s;
}

li.pg-next{
	float: right;
	position: relative;
}

li.pg-next:before{
	position: absolute;
	content: "";
	top: 48%;
	left: -28px;
	background-color: #F2F2F2;
	width: 30px;
	height: 5px;
	-webkit-transition: -webkit-transform ease-out 0.8s, background 0.8s;
	-moz-transition: -moz-transform ease-out 0.8s, background 0.8s;
	transition: transform ease-out 0.8s, background 0.8s;
}

.author-thumb:hover,
li:hover.pg-prev:before,
li:hover.pg-next:before{
	background: #C2185B;
	-webkit-transition: -webkit-transform ease-out 0.8s, background 0.8s;
	-moz-transition: -moz-transform ease-out 0.8s, background 0.8s;
	
	transition: transform ease-out 0.8s, background 0.8s;
	cursor: pointer;
}

/*------------------------------------------------------------------
[28. Shop Page]*/

.sale-tag,
.sale-new,
.sale-hot{
	display: block;
	position: absolute;
	top: 31px;
	right: 15px;
	font-size: 12px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 100%;
}

.sale-tag{
	background: #E41D61;
}

.sale-new{
	background: #3F51B5;
}

.sale-hot{
	background: #2196F3;
}

p.price{
	font-size: 15px;
	padding-top: 10px;
	font-weight: bold;
	color: #333 !important;
}

.shop-widget a,
.shop-inner-page a{
	color: #E91E63;
}

aside .shop-widget i{
	color: #E91E63 !important;
}

.rating{
	margin: 0 30px;
}

.artist-title p.price{
	color: #FFF !important;
	font-size: 18px;
	letter-spacing: 1px;
}

.shop-inner-page{
	float: left;
}

.shop-widget a h6{
	float: left;
}

.shop-widget .rating{
	float: left;
	margin: 0;
	clear: both;
}

.shop-widget p.price{
	float: left;
	clear: both;
}

span.review{
	float: right;
}

.price-container{
	margin-top: 30px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 10px 0;
	overflow: hidden;
}

.price-container h3{
	margin-bottom: 0px;
	color: #E91E63;
}

.price-detail{
	float: left;
}

.price-strike{
	float: left;
	padding-left: 16px;
	padding-top: 7px;
	color: #787878;
}

.price-strike h6{
	color: #787878;
	text-decoration: line-through;
}

.price-container .social-icons{
	float: right;
}

.price-container .social-icons a{
	margin-top: 0px;
}

.social-icons li{
	display: inline-block;
}

.pr-quantity span{
	float: left;
	margin-right: 20px;
}

.pr-quantity span:nth-child(2){
	background: #F9F9F9;
	border: 1px solid #EFEEEE;
	width: 40px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	background-image: url(./images/button.png);
	background-repeat: no-repeat;
	background-position: 31px center;
	padding-left: 11px;
}

.pr-quantity a{
	color: #FFF !important;
}

.pr-quantity .bg-btn{
	font-size: 13px;
	padding: 8px 15px;
}

.pr-quantity .bg-btn i{
	margin-right: 10px;
}

ul#tabs{
	list-style-type: none;
	padding: 0;
	text-align: left;
	margin-bottom: 30px;
}

ul#tabs li{
	display: inline-block;
	background-color: #E91E63;
	border-bottom: solid 5px #C2185B;
	padding: 5px 20px;
	margin-bottom: 4px;
	color: #FFF;
	cursor: pointer;
}

ul#tabs li:hover,
ul#tabs li.active{
	background-color: #C2185B;
	border-bottom: solid 5px #E91E63;
}

ul#tab{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#tab li{
	display: none;
}

ul#tab li.active{
	display: block;
}

/*------------------------------------------------------------------
[29. Conatct]*/

.contact .icon-box{
	border-right: 1px solid #CCC;
	padding-right: 40px;
}

.contact .icon-box p{
	word-wrap: break-word;
}

.contact .one-fourth-last .icon-box{
	border-right: none;
}

/*------------------------------------------------------------------
[30. Loader]*/

#preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #FFF;
	z-index: 99;
}

#status{
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(./images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

/*------------------------------------------------------------------
[31. Conatct Form]*/

#contact-form input,
#contact-form textarea,
.respond_box input,
.respond_box textarea{
	background: #FFF;
	border: 1px solid #FF6297;
	color: silver;
	margin: 10px 0;
	padding: 10px 30px 10px 15px;
}

#contact-form input{
	height: 32px;
	width: 95%;
}

#captcha{
	margin-left: 15px !important;
	width: 10% !important;
}

#contact-form textarea{
	height: 150px;
	width: 98.7%;
}

#contact-form textarea:focus,
#contact-form input:focus,
.respond_box textarea:focus{
	border: 1px solid #E1E1E1;
}

#contact-form ::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
	color: #787878;
}

#contact-form :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
	color: #787878;
	opacity: 1;
}

#contact-form ::-moz-placeholder{ /* Mozilla Firefox 19+ */
	color: #FFF;
	opacity: 1;
}

#contact-form :-ms-input-placeholder{ /* Internet Explorer 10-11 */
	color: #787878;
}

#contact-form p input#submit{
	border: none;
	box-shadow: none;
	background-color: #333;
	color: #FFF;
	float: left;
	font-size: 13px;
	height: auto;
	margin-right: 10px;
	padding: 10px 15px;
	transition: all 0.2s ease 0s;
	width: 100px;
}

#contact-form div #contact_submit:hover,
#contact-form #reset:hover{
	background-color: #000 !important;
	color: #FFF !important;
	cursor: pointer;
	transition-duration: 0.5s;
	transition-property: background;
	transition-timing-function: ease-out;
}

#contact-form div #contact-form:hover{
	background-color: #000 !important;
	color: #FFF !important;
	cursor: pointer;
	transition-duration: 0.5s;
	transition-property: background;
	transition-timing-function: ease-out;
}

#contact-form p{
	padding-bottom: 0 !important;
}

#contact-form label{
	color: #333;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	padding-top: 5px;
	width: 70px;
}

.vaidate_error{
	border: 1px solid #F96E5B !important;
}

.success{
	color: #FFF;
}

#response{
	color: #FFF;
	margin-bottom: 24px;
	text-transform: uppercase;
}

#contact-form div #contact_submit,
#contact-form #reset,
#submit,
#contact-form button[type=submit]{
	background-color: #040404;
	border: medium none;
	color: #FFF !important;
	cursor: pointer;
	height: auto;
	padding: 10px 20px;
	width: auto !important;
}

#contact-form div #contact_submit:hover,
#contact-form #reset:hover,
#submit:hover{
	background-color: #E91E63 !important;
	color: #FFF !important;
	cursor: pointer;
	transition-duration: 0.5s;
	transition-property: background;
	transition-timing-function: ease-out;
}

/*------------------------------------------------------------------
[32. Isotope]*/
ul#filter{
	margin-bottom: 50px;
	text-align: center;
}

ul#filter li{
	display: inline-block;
}

ul#filter li a{
	padding: 10px 25px;
	margin-bottom: 10px;
	cursor: pointer;
	color: #787878;
	background-color: #FFF;
	border: 1px solid #CCC;
	font-size: 14px;
	position: relative;
	display: table;
}

ul#filter li a:hover{
	background-color: #E91E63;
	border: 1px solid #E91E63;
	color: #FFF;
}

ul#filter li a:hover:after{
	position: absolute;
	content: '';
	bottom: -5px;
	margin: 0px auto;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #E91E63;
}

ul#filter li .selected{
	background-color: #E91E63;
	border: 1px solid #E91E63;
	color: #FFF;
	position: relative;
}

ul#filter li .selected:after{
	position: absolute;
	content: '';
	bottom: -5px;
	margin: 0px auto;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #E91E63;
}

ul#isotope-container{
	width: 102.1%;
}

ul#isotope-container li{
	width: 18.70%;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#contact-form .errors{
	background-color: #FFF;
}

#contact-form .errors li{
	color: red;
	background-color: #FFF;
	padding: 10px;
	font-weight: bold;
}