@font-face {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuHMR6WR.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMRw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR6WR.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
	font-display: auto;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
	font-display: auto;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic */
@font-face {
	font-display: auto;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
	font-display: auto;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
	background: #333;
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif; 
	color: #ddd;
}
#stream-player-bottom .player .volume-control{
	display:none
}
#stream-player-bottom{

  height: 100%;
    width: 100%;
    z-index: 99;
    position: absolute;
    top: 0;
}
#stream-player-bottom .player{
    width: 100%;
    height: 100%;
}
#stream-player-bottom .player .playback{
    width: 100%;
    height: 100%;
}
#stream-player-bottom .player .playback .play, #stream-player-bottom .player .playback .stop {
    width: 100%;
    height: 100%;background: transparent; border: none
}
#stream-player-bottom #button-play{
	display: none;
}
#stream-player-bottom #button-stop{
	display: none;
}

p {
	font-size: 15px;
	line-height: 21px;
}

@-webkit-viewport {
	width: device-width;
}

@-moz-viewport {
	width: device-width;
}

@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

a{
	color: #ac58ed;
}

a:hover,
a:focus,
a:active,
a.active {
	color: #9e48e1;
}

a,
a:hover,
a:focus,
a:active,
a.active {
	outline: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {

	font-family: 'Open Sans Condensed',sans-serif;
	font-weight: normal;
}

.title a{
	color: #fff;
}

#main{
	margin: 0 auto; 
	position: relative; 
	overflow: hidden;}

/* Page Animated item Styles */
.animated {
	visibility: hidden;
}

.visible {
	visibility: visible;
}


/* ============================= header ====================== */
#top1{
	width: 100%; 
	position: relative; 
	left: 0; 
	top: 0; /*z-index: 99;*/ 
	min-width: 320px;}

#top2-sticky-wrapper{
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;}

.sticky-wrapper.is-sticky {}

#top2{
	position: relative; 
	z-index: 40;}

.top2_wrapper{
	background: #1b1b1b; 
	border-bottom: 1px solid transparent;}
.not-front .top2_wrapper{
	background: #000; 
	border-bottom: 1px solid #252525;}

.is-sticky .top2_wrapper{}

.top2{
	position: relative;}

header{
	position: absolute; 
	left: 0; 

	z-index: 50;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}

.menu_wrapper{
	float: right;}

.add1{
	float: right; 
	padding-top: 37px; 
	margin-left: 30px;}

.icon-search{
	float: right; 
	padding-left: 15px; 
	border-left: 1px solid #fff;}
.icon-search a{
	display: block; 
	width: 16px; 
	height: 16px; 
	background: url(../images/icon-search.png) 0 0 no-repeat;}

.dropdown1{
	float: right; 
	line-height: 16px;}
.dropdown1 .dropdown-toggle{
	padding: 0 15px; 
	border: none; 
	background: none; 
	margin: 0; 
	font-size: 12px; 
	line-height: 16px; 
	color: #fff; 
	text-transform: uppercase; 
	vertical-align: top;}
.dropdown1 .dropdown-menu{
	background: #252525; 
	padding: 0; 
	border: 0; 
	margin: 0; 
	border-radius: 0; 
	min-width: 0; 
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); 
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); 
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);}
.dropdown1 .dropdown-menu li{
	border-top: 1px solid #303030;}
.dropdown1 .dropdown-menu li a{
	padding: 0 15px; 
	color: #fff; 
	font-size: 12px; 
	line-height: 20px; 
	text-decoration: none;}
.dropdown1 .dropdown-menu li a:hover{
	background: #ac58ed; 
	color: #fff;}



/* ============================= content ====================== */
.slogan1{
	padding: 100px 0; 
	background: url(../images/bg2.png) center top no-repeat #000; 
	font-family: 'Anton'; 
	font-weight: 400; 
	font-size: 65px; 
	line-height: 0.78; 
	text-shadow: 0px 12px 9px rgba(0, 0, 0, 0.35); 
	letter-spacing: -2px; 
	background-size: cover;}
.slogan1 .txt1{
	z-index: 2; 
	position: relative;}
.slogan1 .txt2{
	z-index: 1; 
	position: relative; 
	padding-left: 153px;}

.breadcrumbs1_wrapper{
	border-top: 1px solid #141414; 
	margin-top: 4px;}
.breadcrumbs1{
	padding: 15px 0; 
	margin-top: 0px; 
	font-weight: 400; 
	line-height: 20px; 
	color: #888888; 
	font-size: 14px;}
.breadcrumbs1 a{
	color: #0c9ec3; 
	text-decoration: none;}
.breadcrumbs1 a:hover{
	color: #fff; 
	text-decoration: underline;}
.breadcrumbs1 span{
	display: inline-block; 
	margin: 0 10px; 
	vertical-align: middle; 
	color: #0c9ec3;}

.about_wrapper{
	padding-top: 170px;}

.iphone1{
	margin-left: auto; 
	margin-right: auto;}

.apps_wrapper{
	text-align: center; 
	padding-top: 15px;}

.apps_wrapper a{
	display: inline-block; 
	text-decoration: none; 
	margin: 0 10px;
	opacity: 1; 
	filter: alpha(opacity=100);
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.apps_wrapper a:hover{
	opacity: 0.8; 
	filter: alpha(opacity=80);}
.apps_wrapper a img{
	display: block;}

.details2{
	position: relative; 
	padding-bottom: 35px;}
.details2 .left{
	float: left; 
	padding-right: 20px; 
	color: #888888; 
	line-height: 1.2; 
	font-size: 14px;}
.details2 .left span{
	padding: 0 10px;}
.details2 .right{
	position: absolute; 
	right: 0; 
	top: 0;}

.share1{
	display: inline-block; 
	width: 16px; 
	height: 16px; 
	background: url(../images/icon-share.png) 0 0 no-repeat; 
	text-decoration: none; 
	position: absolute; 
	right: 0; 
	top: 0;}

/* ============================= blog ====================== */
.blog_sidebar{
	margin-bottom: 30px;}
.blog_content{
	margin-bottom: 30px;}

.latest2{
	padding: 0; 
	margin: 0 0 60px; 
	list-style: none;}
.latest2 li{
	display: block; 
	float: left; 
	padding: 0 3px 3px 0;}
.latest2 li a{
	display: block;
	text-decoration: none;}
.latest2 li a figure{
	position: relative;}
.latest2 li a figure img{
	position: relative;}
.latest2 li a figure em{
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%; 
	border: 2px solid #fff; 
	opacity: 0; 
	filter: alpha(opacity=0);
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.latest2 li a:hover figure em{
	opacity: 1; 
	filter: alpha(opacity=100);}

.news2_wrapper{
	padding-bottom: 40px;}
.news2{
	margin-bottom: 20px;}
.news2 a{
	display: block; 
	text-decoration: none; 
	line-height: 1.5;}
.news2 a .txt1{
	color: #ffffff; 
	font-size: 18px;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.news2 a:hover .txt1{
	color: #0c9ec3;}
.news2 a .txt2{
	color: #888888; 
	font-size: 14px;}

.cat1{
	padding: 0; 
	margin: 0 0 50px; 
	list-style: none;}
.cat1 li{
	padding: 0 0 15px; 
	margin: 0; 
	list-style: none;}
.cat1 li a{
	display: block; 
	color: #fff; 
	line-height: 1.2; 
	text-decoration: none;}
.cat1 li a:hover{
	color: #0c9ec3;}

.tags2{
	padding-bottom: 50px;}
.tags2 a{
	text-decoration: none;}
.tags2 a:hover{
	color: #0c9ec3;}
.tags2 span{
	padding: 0 13px;}

.blockquote1{
	margin-top: 20px; 
	margin-bottom: 20px; 
	background: #0c9ec3; 
	padding: 10px; 
	color: #fff; 
	font-size: 24px; 
	font-weight: 300; 
	border: none; 
	margin-left: 3%; 
	font-style: italic; 
	line-height: 1.4;}

.blockquote2{
	margin-top: 20px; 
	margin-bottom: 20px; 
	background: none; 
	padding: 10px; 
	color: #fff; 
	font-size: 24px; 
	font-weight: 300; 
	border: none; 
	margin-left: 3%; 
	font-style: italic; 
	line-height: 1.4;}
.blockquote2 span{
	font-weight: 300; 
	color: #888888; 
	font-size: 14px; 
	font-style: normal; 
	padding-top: 10px; 
	display: block;}



.post{
	margin-bottom: 50px;}
.post.post-full{
	margin-bottom: 20px;}
.post .post-header{
	padding-bottom: 20px;}
.post .post-header .post-image{
	position: relative;}
.post .post-header .post-image img{
	width: 100%;}

.post .post-story{}

.post .post-story .post-story-body{
	margin-bottom: 30px;}

.post .post-story .post-story-link{}

.num-comments{
	font-size: 18px; 
	color: #ffffff; 
	font-weight: 300; 
	padding: 0 0 20px 0; 
	text-transform: uppercase; 
	letter-spacing: 4px;}

.comment-block{
	margin-bottom: 30px;}
.comment-block.left1{
	margin-left: 125px;}
.comment-block figure{
	float: left; 
	margin-right: 20px;}
.comment-block figure img{}
.comment-block .caption{
	overflow: hidden;}
.comment-block .caption .top{
	padding-bottom: 12px; 
	line-height: 1.4;}
.comment-block .caption .top .left{
	float: left;}
.comment-block .caption .top .right{
	float: right;}
.comment-block .caption .top .right a{
	color: #888888; 
	text-decoration: none;}
.comment-block .caption .top .txt1{
	color: #fff; 
	font-size: 18px;}
.comment-block .caption .top .txt2{
	color: #888888;}
.comment-block .caption .txt{
	color: #fff;}

.live-comment{
	padding-top: 20px; 
	padding-bottom: 20px;}
.live-comment .live-comment-title{ 
	font-weight: 300; 
	font-size: 18px; 
	color: #fff; 
	padding-bottom: 20px; 
	text-transform: uppercase; 
	letter-spacing: 4px;}


/* ============================= blog end ====================== */


#content{
	position: relative; 
	padding-top: 30px; 
	padding-bottom: 80px;}
.page-blog #content{
	padding-top: 50px; 
	padding-bottom: 50px;}
.page-post #content{
	padding-top: 50px; 
	padding-bottom: 50px;}

#home{
	position: relative;}

.logo3_wrapper{
	position: absolute; 
	left: 50%; 
	margin-left: -570px; 
	top: 30px; 
	z-index: 20;}
.add2{
	position: absolute; 
	right: 50%; 
	margin-right: -570px; 
	top: 30px; 
	z-index: 20; 
	padding-top: 0;}

.go-down{
	width: 43px; 
	height: 75px; 
	position: absolute; 
	z-index: 29; 
	left: 50%; 
	margin-left: -22px; 
	bottom: 130px;}
.go-down a{
	display: block; 
	width: 43px; 
	height: 75px; 
	background: url(../images/go-down.png) 0 0 no-repeat; 
	opacity: 0.6; 
	filter: alpha(opacity=60);
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.go-down a:hover{
	opacity: 1; 
	filter: alpha(opacity=100);}

.song1_wrapper{
	position: absolute; 
	left: 0; 
	bottom: 0; 
	background: #1b1b1b; 
	background: rgba(27, 27, 27, 0.8); 
	width: 100%;}

.song1{}
.song1 .left{
	float: left;}
.song1 .right{
	float: right;}

.song1 figure{
	float: left; 
	margin-right: 30px;}
.song1 .caption{
	float: left; 
	padding-top: 15px;}
.song1 .caption .txt1{
	font-size: 18px; 
	color: #fff;}
.song1 .caption .txt2{
	font-size: 14px; 
	color: #d40e20;}

/* ============================= audio1 ====================== */
.audio1{
	float: right; 
	width: 650px; 
	position: relative; 
	margin-top: 32px;}
.audio1 .mejs-container{
	background: none; 
	font-family: inherit; 
	font-size: inherit; 
	color: #fff; 
	height: auto!important;}
.audio1 .mejs-container .mejs-controls{
	top: 0; 
	background: none; 
	height: 30px; 
	position: relative;}
.audio1 .mejs-container .mejs-controls div{
	font-size: 14px; 
	font-family: inherit; 
	line-height: 1;}
.audio1 .mejs-controls a.mejs-horizontal-volume-slider{
	width: 0; 
	overflow: hidden; 
	opacity: 0; 
	-moz-opacity: 0; 
	filter: alpha(opacity=0);}
.audio1 .mejs-controls .mejs-button button:focus{
	outline: none;}


.audio1 .mejs-controls .mejs-cust1-button button{
	background: url(../images/btn-prev.png) center center no-repeat;}

.audio1 .mejs-controls .mejs-playpause-button{
	width: 70px; 
	height: 45px;}
.audio1 .mejs-controls .mejs-play button{
	width: 70px; 
	height: 45px; 
	border: 2px solid #fff; 
	border: 2px solid rgba(255, 255, 255, 0.25); 
	background: url(../images/btn-play.png) center center no-repeat; 
	margin: 0;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	top: -8px;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.audio1 .mejs-controls .mejs-play button:hover{
	border-color: #fff;}
.audio1 .mejs-controls .mejs-pause button{
	width: 70px; 
	height: 45px; 
	border: 2px solid #fff; 
	border: 2px solid rgba(255, 255, 255, 0.25); 
	background: url(../images/btn-pause.png) center center no-repeat; 
	margin: 0;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	top: -8px;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.audio1 .mejs-controls .mejs-pause button:hover{
	border-color: #fff;}

.audio1 .mejs-controls .mejs-cust2-button button{
	background: url(../images/btn-next.png) center center no-repeat;}

.audio1 .mejs-container .mejs-controls .mejs-time{
	padding-top: 8px;}

.audio1 .mejs-controls .mejs-cust3-button{
	margin: 0 5px;}
.audio1 .mejs-controls .mejs-cust3-button button{
	background: url(../images/btn-repeat.png) center center no-repeat;}

.audio1 .mejs-controls .mejs-cust4-button{
	margin: 0 5px;}
.audio1 .mejs-controls .mejs-cust4-button button{
	background: url(../images/btn-change.png) center center no-repeat;}

.audio1 .mejs-controls div.mejs-time-rail{
	padding-top: 9px;}

.audio1 .mejs-controls .mejs-time-rail .mejs-time-total{
	background: #756a66; 
	height: 3px;}

.audio1 .mejs-controls .mejs-time-rail .mejs-time-buffering{
	height: 3px;}

.audio1 .mejs-controls .mejs-time-rail .mejs-time-loaded{
	background: #988986; 
	height: 3px;}

.audio1 .mejs-controls .mejs-time-rail .mejs-time-current{
	background: #d40e20; 
	height: 3px;}

.audio1 .mejs-controls .mejs-time-rail .mejs-time-handle{
	height: 3px;}

.audio1 .mejs-controls .mejs-time-rail .mejs-time-float{
	font-size: 12px;}

/* ============================= audio1 end ====================== */

#featured{
	position: relative; 
	padding-top: 20px; 
	padding-bottom: 20px;}

/* ============================= slick ====================== */
.slick-slider-wrapper{
	padding-top: 170px; 
	padding-bottom: 180px; 
	position: relative;}
.slick-slider-wrapper .container{
	position: static;}
.slick-slider{
	text-align: center; 
	position: static; 
	margin-bottom: 0;}
.slick-slider *:focus{
	outline: none;}

.slick-list{
	overflow: visible;}

.slick-prev{
	left: 3%; 
	z-index: 10; 
	width: 53px; 
	height: 52px; 
	background: url(../images/prev.png) left top no-repeat;}
.slick-prev:focus{
	background: url(../images/prev.png) left top no-repeat;}
.slick-prev:hover{
	background: url(../images/prev.png) left bottom no-repeat;}
.slick-prev:before{
	display: none;}

.slick-next{
	right: 3%; 
	z-index: 10; 
	width: 53px; 
	height: 52px; 
	background: url(../images/next.png) left top no-repeat;}
.slick-next:focus{
	background: url(../images/next.png) left top no-repeat;}
.slick-next:hover{
	background: url(../images/next.png) left bottom no-repeat;}
.slick-next:before{
	display: none;}

.slick-slide{}

.slick-center{}
.slick-center .slick-slider-inner{
	transform: scale(1.5); 
	-ms-transform: scale(1.5); 
	-webkit-transform: scale(1.5); 
	z-index: 2;}

.slick-slider-inner{
	position: relative; 
	z-index: 1; 
	margin-left: 15px; 
	margin-right: 15px;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.slick-slider-inner figure{
	display: block; 
	position: relative; 
	background: #252525;}
.slick-slider-inner figure img{
	width: 100%; 
	display: block; 
	opacity: 0.3; 
	filter: alpha(opacity=30);
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.slick-center .slick-slider-inner figure img{
	opacity: 1; 
	filter: alpha(opacity=100);}
.slick-slider-inner .caption{
	position: absolute; 
	width: 100%; 
	left: 0; 
	bottom: 0;}
.slick-slider-inner .caption{
	opacity: 0; 
	filter: alpha(opacity=0);
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.slick-center .slick-slider-inner .caption{
	padding: 0 10px 20px; 
	opacity: 1; 
	filter: alpha(opacity=100);}
.slick-slider-inner .slick-slider-overlay{
	position: absolute; 
	width: 100%; 
	height: 100%; 
	left: 0; 
	top: 0; 
	z-index: 100;}

.slick-center .slick-slider-inner .caption .txt1{
	line-height: 1; 
	padding-bottom: 5px;}
.slick-center .slick-slider-inner .caption .txt1 span{
	display: inline-block; 
	font-size: 14px; 
	font-weight: bold; 
	background: #ac58ed; 
	padding: 2px 5px;}

.slick-center .slick-slider-inner .caption .txt2{
	line-height: 1; 
	padding-bottom: 5px;}
.slick-center .slick-slider-inner .caption .txt2 span{
	display: inline-block; 
	font-size: 22px; 
	font-weight: bold; 
	background: #ac58ed; 
	padding: 2px 5px;}

.slick-center .slick-slider-inner .caption .txt3{
	line-height: 1;}


.slick-center .slick-slider-inner .slick-slider-overlay{
	display: none;}


/* ============================= slick end ====================== */

.radios{}

.radio1{
	position: relative; 
	margin-bottom: 15px; 
	color: #fff; 
	font-size: 14px; 
	line-height: 20px;}
.radio1.head{
	border-bottom: 2px solid #676767; 
	color: #888888;}

.radio1.head .sec7{
	background: url(../images/volume.png) center 15px no-repeat;}

.radio1 > div{
	float: left; 
	width: 16.66666667%; 
	padding-right: 30px; 
	padding-bottom: 25px; 
	padding-top: 10px;}
.radio1 > div:first-child{
	width: 6.66666667%;}
.radio1 > div.sec7{
	padding-right: 0px; 
	width: 12%;}
.radio1 .sec6{
	width: 14.66666667%;}

.radio1 > div.sec5{
	word-wrap: break-word;}


.audio2{
	width: 100%; 
	position: absolute; 
	left: 0; 
	bottom: 0;}
.audio2 .mejs-container{
	background: none; 
	font-family: inherit; 
	font-size: inherit; 
	color: #fff; 
	height: auto!important;}
.audio2 .mejs-container .mejs-controls{
	top: 0; 
	background: none; 
	position: relative; 
	height: 3px;}
.audio2 .mejs-container .mejs-controls div{
	font-size: 12px; 
	font-family: inherit; 
	line-height: 1;}
.audio2 .mejs-controls a.mejs-horizontal-volume-slider{
	width: 0; 
	overflow: hidden; 
	opacity: 0; 
	-moz-opacity: 0; 
	filter: alpha(opacity=0);}
.audio2 .mejs-controls .mejs-button button:focus{
	outline: none;}

.audio2 .mejs-controls .mejs-playpause-button{
	width: 12%; 
	height: 40px; 
	position: absolute; 
	right: 0; 
	top: -45px;}
.audio2 .mejs-controls .mejs-play button{
	width: 100%; 
	height: 40px; 
	border: 2px solid #ac58ed; 
	background: url(../images/btn-play.png) center center no-repeat; 
	margin: 0;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	top: -8px;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.audio2 .mejs-controls .mejs-play button:hover{
	background-color: #ac58ed;}
.audio2 .mejs-controls .mejs-pause button{
	width: 100%; 
	height: 40px; 
	border: 2px solid #ac58ed; 
	background: url(../images/btn-pause.png) center center no-repeat; 
	margin: 0;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	top: -8px;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.audio2 .mejs-controls .mejs-pause button:hover{
	background-color: #ac58ed;}

.audio2 .mejs-controls div.mejs-time-rail{
	padding-top: 0px; 
	height: 3px;}

.audio2 .mejs-controls .mejs-time-rail .mejs-time-total{
	background: #676767; 
	height: 3px; 
	margin: 0;}

.audio2 .mejs-controls .mejs-time-rail .mejs-time-buffering{
	height: 3px;}

.audio2 .mejs-controls .mejs-time-rail .mejs-time-loaded{
	background: #fff; 
	height: 3px;}

.audio2 .mejs-controls .mejs-time-rail .mejs-time-current{
	background: #d40e20; 
	height: 3px;}

.audio2 .mejs-controls .mejs-time-rail .mejs-time-handle{
	height: 3px;}

.audio2 .mejs-controls .mejs-time-rail .mejs-time-float{
	font-size: 12px; 
	display: none!important;}

.pager_wrapper{
	padding-top: 15px; 
	margin-bottom: 20px;}
.pager{
	display: block; 
	text-align: right; 
	margin: 0;
	padding: 0; 
	 
	font-weight: 700; 
	font-size: 12px; 
	text-transform: uppercase;}
.pager li{
	margin-left: 10px; 
	margin-bottom: 10px; 
	display: inline-block;}
.pager li:first-child{
	margin-left: 0;}
.pager li > a{
	display: inline-block; 
	border: 1px solid #676767; 
	padding: 0px 2px; 
	border-radius: 2px; 
	background: none; 
	color: #fff; 
	text-align: center; 
	min-width: 40px; 
	line-height: 36px; 
	text-decoration: none;}
.pager li > a:hover{
	text-decoration: none; 
	background: none; 
	border-color: #fff; 
	color: #fff;}
.pager li.active > a{
	background: #ac58ed; 
	color: #fff; 
	cursor: default; 
	text-decoration: none; 
	border-color: #ac58ed;}
.pager .prev{}
.pager .prev > a{
	float: none; 
	background: none; 
	color: #fff; 
	padding: 0 30px; 
	border: 1px solid #676767; 
	text-align: center;}
.pager .prev > a:hover{}
.pager .next{}
.pager .next > a{
	float: none; 
	background: none; 
	color: #fff; 
	padding: 0 30px; 
	border: 1px solid #676767; 
	text-align: center;}
.pager .next > a:hover{}

#page{

	padding-top: 100px; 
	padding-bottom: 0; 
	background: #2b2b2b;}
#graybgr{
	background: #2b2b2b;
}
#page .content_box{
	
}
#collection{
	position: relative; 
	padding-top: 100px; 
	padding-bottom: 60px; 
	background: #2b2b2b;}
#collection .title5{
	text-align: center;
}

#collection2{
	position: relative; 
	padding-top: 15px; 
	padding-bottom: 15px; 
	background: #2b2b2b;}
#collection2 .title5{
	text-align: center;
}

.padding-40{
	padding-top: 40px;padding-bottom: 40px;}
.padding-top-40{
	padding-top: 40px;padding-bottom: 0;}
.best0{
	padding-top: 20px;}

.best0 .txt1{
	font-style: italic; 
	color: #0c9ec3; 
	line-height: 1;}
.best0 .txt2{
	font-style: italic; 
	color: #fff; 
	font-weight: 700; 
	font-size: 22px; 
	text-transform: uppercase; 
	letter-spacing: 2px; 
	line-height: 1;}

.best_list{
	color: #888888; 
	font-size: 14px; 
	padding: 15px 30px;}
.best_list .left{width: 24%;float: left;margin-bottom: 10px; color:#ccc; font-weight: bold; font-size: 17px;}
.best_list .right strong{
	    padding: 0 8px;
    display: inline-block;
    color: #fff;
    background: #ac58ed;    font-size: 17px;    margin-right: 5px;}
.best_list .right{
	float: left;  padding-left: 0;
	width: 76%;
	margin-bottom: 10px; 
	text-align: left;    color: #ac58ed;}

#collection2{
	position: relative; 
	padding-top: 50px; 
	padding-bottom: 60px;}

.disk1-img{
	margin-bottom: 40px;}
.disk1{
	margin-bottom: 30px; 
	padding-top: 15px;}
.disk1 .txt1{
	color: #888888;}
.disk1 .txt1 span{
	color: #ac58ed;}
.disk1 .txt2{
	color: #fff; 
	font-size: 24px; 
	font-weight: 300;}
.disk1 .txt2 span{
	color: #ac58ed;}
.disk1 .txt3{
	color: #888888; 
	padding-bottom: 25px;}
.disk1 .txt4{
	color: #888888; 
	font-weight: 500; 
	padding-bottom: 25px;}

#testimonial{
	position: relative; 
	padding-top: 40px; 
	padding-bottom: 40px; 
	background: url(../images/bg1.jpg) center center repeat #1a1a1a;}

.speaker-wrapper{
	margin-top: 10px;
	display: inline-block;
	position: relative; 
	border: 1px solid #000; 
	overflow: hidden; 
	margin-bottom: 30px;}
.speaker-wrapper img {
	position: relative;}
.speaker-wrapper .speaker-img{
	position: absolute; 
	left: 0; 
	top: 0;}

/* ============================= testim ====================== */
#testim_wrapper{ 
	position: relative; 
	padding-top: 140px; 
	padding-bottom: 0px;}

#testim{
	position: relative;
	padding-top: 10px; 
	padding-bottom: 0px;}

.testim_pagination{
	padding-top: 20px; 
	text-align: center;}
.testim_pagination a{
	display: inline-block; 
	width: 16px; 
	height: 16px; 
	margin: 0 5px; 
	background: none; 
	border: 2px solid #5e5e5e; 
	position: relative; 
	overflow: hidden; 
	text-indent: -9999px;
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%;}
.testim_pagination a:hover, .testim_pagination a.selected{
	background: #ac58ed; 
	border-color: #ac58ed;}

#testim .carousel-box{
	position: relative;}
#testim .carousel-box .inner{
	position: relative; 
	overflow: hidden; 
	max-width: none; 
	margin: 0;}
#testim .carousel.main{
	position: relative; 
	overflow: hidden; 
	margin: 0; 
	padding: 0;
	margin-right: -30px;}
#testim .caroufredsel_wrapper{
	padding: 0; 
	margin: 0;}
#testim .caroufredsel_wrapper ul{
	padding: 0; 
	margin: 0;}
#testim .carousel-box ul li { 
	float: left; 
	display: inline-block; 
	padding: 0px 0px 0px 0px; 
	position: relative; 
	width: 300px; 
	overflow: hidden; 
	padding-right: 30px}

.testim{}
.testim .testim_inner{
	text-align: center;}
.testim .testim_inner .txt1{
	font-weight: 300; 
	font-style: italic; 
	padding-bottom: 35px; 
	font-size: 18px; 
	color: #fff; 
	line-height: 1.6;}
.testim .testim_inner .txt2{
	font-weight: 400; 
	padding-bottom: 5px; 
	font-size: 16px; 
	color: #fff; 
	line-height: 1.2;}
.testim .testim_inner .txt3{
	font-weight: 400; 
	font-style: italic; 
	font-size: 14px; 
	color: #888888; 
	line-height: 1.6;}

/* ============================= testim end ====================== */

#contacts{
	position: relative; 
	padding-top: 50px; 
	padding-bottom: 60px; 
	color: #888888;}

.dancer{
	margin-top: -150px;
	margin-left: auto; 
	margin-right: auto;}

#contacts .title1{
	text-align: left;}

#contacts .title2{
	text-align: left;}

.social_wrapper{
	padding-top: 20px; 
	padding-bottom: 20px;}
.social{ 
	display: block; 
	margin: 0; 
	padding: 0; 
	list-style: none;}
.social li{
	display: inline-block; 
	margin: 0 10px 10px 0; 
	float: left;}
.social li a{
	display: block; 
	text-decoration: none; 
	font-size: 18px; 
	color: #fff; 
	text-align: center; 
	line-height: 44px; 
	border: 2px solid #676767; 
	width: 48px; 
	height: 48px; 
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.social li a:hover{
	color: #fff; 
	background: #0c9ec3; 
	border-color: #0c9ec3;}

.social2_wrapper{
	padding-top: 10px; 
	padding-bottom: 0px;}
.social2{ 
	display: block; 
	margin: 0; 
	padding: 0; 
	list-style: none;}
.social2 li{
	display: inline-block; 
	margin: 0 10px;}
.social2 li a{
	display: block; 
	text-decoration: none; 
	font-size: 14px; 
	color: #fff; 
	text-align: center;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.social2 li a:hover{
	color: #000;}

.social3_wrapper{
	padding-top: 10px; 
	padding-bottom: 0px;}
.social3{ 
	display: block; 
	margin: 0; 
	padding: 0; 
	list-style: none;}
.social3 li{
	display: inline-block; 
	margin: 0 20px 20px 0;}
.social3 li a{
	display: block; 
	text-decoration: none; 
	font-size: 18px; 
	color: #fff; 
	text-align: center;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.social3 li a:hover{
	color: #ac58ed;}



.logo_wrapper{
	margin-top: -29px;}


/* ============================= footer ====================== */

.bot1_wrapper{
	background: #1b1b1b; 
	padding-top: 60px; 
	padding-bottom: 30px; 
	color: #888888;}

.logo2_wrapper{
	padding-top: 15px; 
	padding-bottom: 20px;}

.location1{
	padding-left: 30px; 
	background: url(../images/icon-location.png) 0 5px no-repeat; 
	color: #fff; 
	margin-bottom: 10px;}

.phone1{
	padding-left: 30px; 
	background: url(../images/icon-phone.png) 0 5px no-repeat; 
	color: #fff; 
	margin-bottom: 10px;}

.mail1{
	padding-left: 30px; 
	background: url(../images/icon-mail.png) 0 5px no-repeat; 
	color: #fff; 
	margin-bottom: 10px;}

.tags1{ 
	display: block; 
	margin: 0 0 30px; 
	padding: 0 0 10px; 
	list-style: none; 
	text-align: left;}
.tags1 li{
	display: inline-block; 
	margin: 0 10px 10px 0px; 
	float: left;}
.tags1 li a{ 
	display: inline-block; 
	background: #4a4a4a; 
	padding: 5px 10px; 
	font-size: 14px; 
	font-weight: 400; 
	color: #969595; 
	border-radius: 1px; 
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px; 
	text-decoration: none;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.tags1 li a:hover{
	background: #0c9ec3; 
	color: #fff;}

.bot1_title{
	font-size: 18px; 
	text-transform: uppercase; 
	letter-spacing: 3px; 
	padding-bottom: 25px; 
	margin-top: 25px; 
	color: #fff; 
	line-height: 1.2;}

.newsletter_block{}
.newsletter_block .txt1{
	font-size: 12px; 
	padding-bottom: 10px; 
	color: #888888;}
.newsletter_block .txt2{
	font-size: 12px; 
	padding-top: 5px; 
	color: #888888;}
.newsletter-wrapper{}
.newsletter{
	position: relative;}
.newsletter input { 
	width: 100%; 
	height: auto; 
	font-size: 14px; 
	line-height: 20px; 
	color: #a3a2a2; 
	background: #fff; 
	border: none; 
	margin: 0; 
	padding: 7px 50px 7px 10px; 
	border-radius: 1px; 
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.newsletter input:focus {
	color: #fff; 
	background-color: #0c9ec3;  
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	outline: none;}
.newsletter a{
	display: block; 
	background: url(../images/icon-gal.png) center center no-repeat #0c9ec3; 
	width: 38px; 
	height: 34px; 
	position: absolute; 
	right: 0; 
	top: 0;}

.latest1{
	margin-bottom: 20px; 
	border-bottom: 1px solid #272727; 
	padding-bottom: 20px;}
.latest1.last{
	margin-bottom: 10px; 
	border-bottom: none; 
	padding-bottom: 0px;}

.latest1 a{
	display: block; 
	text-decoration: none;}
.latest1 a figure{
	float: left; 
	margin-right: 10px;}
.latest1 a .caption{}
.latest1 a .caption .txt1{
	color: #ffffff; 
	line-height: 1.9;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.latest1 a:hover .caption .txt1{
	color: #6b6b6b;}
.latest1 a .caption .txt2{
	color: #6b6b6b; 
	font-size: 10px; 
	line-height: 1;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.latest1 a:hover .caption .txt2{
	color: #fff;}


.bot2_wrapper{
	background: #1b1b1b; 
	border-top: 1px solid #252525; 
	text-align: center; 
	padding-top: 40px; 
	padding-bottom: 40px; 
	color: #888888;}
.bot2_wrapper a{
	color: #888888; 
	text-decoration: none;}
.bot2_wrapper a:hover{
	color: #fff; 
	text-decoration: underline;}








/* ============================= main menu ====================== */
.navbar_ { 
	margin: 0; 
	background: none; 
	border: none; 
	position: relative;
	z-index: 30; 
	min-height: 0; 
	float: right;}
.navbar_ .navbar-toggle { 
	background: #ac58ed; 
	border: none;
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	margin-top: 29px; 
	margin-bottom: 29px; 
	margin-right: 5px;}
.navbar_ .navbar-toggle:hover, .navbar_ .navbar-toggle:focus{
	background: #93050d;}
.navbar_ .navbar-toggle .icon-bar{
	background: #fff;}
.navbar-collapse_{
	padding-left: 0; 
	padding-right: 0; 
	border: none;}
.navbar_ .nav{
	position: relative; 
	margin: 0; 
	padding: 0; 
	display: block; 
	float: none;}
.navbar_ .nav > li{
	position: relative; 
	display: block; 
	float: left; 
	white-space: nowrap; 
	background: none; 
	margin-left: 10px;}
.navbar_ .nav > li:first-child{
	margin-left: 0;}
.navbar_ .nav > li > a{
	display: block; 
	padding: 35px 11px; 
	text-decoration: none; 
	background: none; 
	 
	font-weight: 400; 
	font-size: 13px; 
	line-height: 20px; 
	color: #fff; 
	text-shadow: none; 
	border: none; 
	margin: 0; 
	text-align: center; 
	position: relative; 
	z-index: 2; 
	text-transform: uppercase;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.navbar_ .nav > li > a em{
	display: inline-block; 
	width: 12px; 
	height: 5px; 
	background: url(../images/caret.png) 0 0 no-repeat; 
	margin-left: 12px;}

.navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{
	color: #fff; 
	text-decoration: none; 
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	background: none;}

.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus{
	color: #fff; 
	padding: 35px 11px; 
	text-decoration: none; 
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	background: #ac58ed;}






.sub-menu ul{ 
	position: absolute; 
	display: none; 
	margin-top: 3px;  
	left: 0px; 
	list-style: none; 
	zoom: 1; 
	z-index: 1; 
	padding: 0; 
	background: #252525; 
	text-align: left; 
	border: none; 
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); 
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); 
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);}
.sub-menu li{ 
	margin: 0; 
	position: relative; 
	zoom: 1; 
	display: block; 
	border-top: 1px solid #303030;}
.sub-menu li:first-child{}
.sub-menu li a{
	display: block; 
	position: relative; 
	 
	font-weight: 400; 
	font-size: 12px; 
	line-height: 25px; 
	color: #fff; 
	text-decoration: none; 
	padding: 5px 65px 2px 20px; 
	background: none;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.sub-menu li a:hover{ 
	text-decoration: none; 
	color: #fff; 
	background: #ac58ed;}




.sub-menu-1 > ul{}

.sub-menu-2 > ul{
	left: 100%; 
	top: -1px; 
	margin-left: 0px; 
	background: #568919;}




/* ============================= search-form ====================== */
.search-form-wrapper{
	padding-top: 50px; 
	float: right; 
	width: 270px;}
.navbar-form { 
	float: none; 
	position: relative; 
	z-index: 11; 
	margin: 0px 0px 0 0 ; 
	padding: 0; 
	position: relative;}
.navbar-form:before{
	content: ''; 
	display: inline-block; 
	width: 1px; 
	height: 4px; 
	background: #4d4d4d; 
	position: absolute; 
	left: 0; 
	bottom: 1px;}
.navbar-form:after{
	content: ''; 
	display: inline-block; 
	width: 1px; 
	height: 4px; 
	background: #4d4d4d; 
	position: absolute; 
	right: 0; 
	bottom: 1px;}
.navbar-form input {
	outline: none; 
	width: 100%; 
	height: auto; 
	font-size: 14px; 
	line-height: 20px; 
	color: #575757; 
	background: none; 
	border: none; 
	border-bottom: 1px solid #4d4d4d; 
	margin: 0; 
	padding: 5px 75px 5px 10px; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.navbar-form input:focus {
	color: #fff; 
	background: none; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;}
.navbar-form a {
	text-decoration: none; 
	margin: 0; 
	display: inline-block; 
	background: none; 
	position: absolute; 
	right: 10px; 
	bottom: 1px; 
	color: #fff; 
	font-size: 14px; 
	text-transform: uppercase; 
	font-weight: 700; 
	line-height: 30px;
	text-align: center;}
.navbar-form a:hover { 
	background: none; 
	color: #ef1165;}

/* ============================= toTop ====================== */
#toTop { 
	display: none; 
	text-decoration: none; 
	position: fixed; 
	bottom: 10px; 
	right: 10px; 
	z-index: 1000; 
	overflow: hidden; 
	width: 50px; 
	height: 50px; 
	border: none; 
	text-indent: 100%; 
	background: url(../images/totop.gif) no-repeat left top;}
#toTopHover { 
	background: url(../images/totop.gif) no-repeat left bottom; 
	width: 50px; 
	height: 50px; 
	display: block; 
	overflow: hidden; 
	float: left; 
	opacity: 0; 
	-moz-opacity: 0; 
	filter: alpha(opacity=0);}
#toTop:active, #toTop:focus { 
	outline: none;}


/* ============================= main layout ====================== */
.title1{
	font-size: 14px; 
	font-style: italic; 
	color: #888888; 
	line-height: 1.2; 
	text-align: center;}
.title1 b{
	color: #fff; 
	background: #ac58ed; 
	font-style: normal; 
	padding: 2px 5px;}

.title2{
	font-size: 30px; 
	color: #ffffff; 
	line-height: 1.5; 
	text-align: center; 
	letter-spacing: 2px; 
	padding: 5px 0;}

.title3{
	font-size: 14px; 
	color: #888888; 
	line-height: 2; 
	text-align: center;}

.title4{
	font-size: 18px; 
	color: #fff; 
	line-height: 1.7; 
	text-align: center; 
	font-weight: 300; 
	padding-top: 5px;}

.title5{
	font-size: 18px; 
	color: #fff; 
	line-height: 1.1; 
	text-align: left; 
	font-weight: 300; 
	letter-spacing: 5px; 
	text-transform: uppercase; 
	padding-bottom: 35px;}


.title6{
	font-size: 24px; 
	color: #ffffff; 
	line-height: 1.2; 
	text-align: center; 
	letter-spacing: 2px; 
	padding: 5px 0;}




h2{
	display: block; 
	 
	font-weight: 300; 
	font-size: 36px; 
	color: #fff; 
	line-height: 1.1; 
	padding: 0px 0 15px 0; 
	margin: 0; 
	letter-spacing: 2px;}

h3{
	display: block; 
	 
	font-weight: 400; 
	font-size: 30px; 
	color: #fff; 
	line-height: 1.1; 
	padding: 30px 0 30px 0; 
	margin: 0 0 15px; 
	letter-spacing: 10px;}

h4{
	display: block; 
	 
	font-weight: 300; 
	font-size: 24px; 
	color: #fff; 
	line-height: 1.1; 
	padding: 0px 0 20px 0; 
	margin: 0 0 0px;}

h5{
	display: block; 
	 
	font-weight: 300; 
	font-size: 36px; 
	color: #fff; 
	line-height: 1.1; 
	padding: 0px 0 20px 0; 
	margin: 0 0 0px; 
	text-transform: uppercase;}























.img-responsive-old{
	display: block; 
	max-width: 100%; 
	height: auto;}

.img-responsive{
	width: auto \9;}

.border-box{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;}





/* === */
.kand1{
	height: 24px; 
	background: url(../images/kand1.png) center center no-repeat; 
	margin: 15px 0 5px;}

.kand2{
	height: 14px; 
	background: url(../images/kand2.png) center center no-repeat; 
	margin: 0px 0 5px;}

.artists1{
	margin-bottom: 30px; 
	position: relative; 
	overflow: hidden;}
.artists1 figure{
	position: relative;}
.artists1 figure img{
	position: relative;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.artists1:hover figure img{
	transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-webkit-transform: scale(1.1);}
.artists1 .caption{
	background: #00bff3; 
	background: rgba(0, 191, 243, 0.77); 
	padding: 30px 10px;
	text-align: center; 
	position: absolute; 
	left: 0; 
	bottom: -200px; 
	width: 100%;
	opacity: 0; 
	filter: alpha(opacity=0);
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.artists1:hover .caption{
	bottom: 0; 
	opacity: 1; 
	filter: alpha(opacity=100);}
.artists1 .caption .txt1{
	font-size: 14px; 
	line-height: 1.4;}
.artists1 .caption .txt2{
	font-size: 30px; 
	font-weight: 300; 
	line-height: 1.4;}

.mic1{
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 30px;}

.features{}
.features .left_box{
	text-align: right; 
	padding-top: 20px;}
.features .right_box{ 
	padding-top: 20px;}
.features .center_box{}
.features .center_box img{
	margin-left: auto; 
	margin-right: auto;}

.features1{
	position: relative; 
	margin-bottom: 40px;}
.features1 .ic1{
	margin-bottom: 10px;}
.features1 .txt1{
	 
	font-weight: 500; 
	font-size: 15px; 
	color: #0c9ec3; 
	text-transform: uppercase; 
	letter-spacing: 2px; 
	padding-bottom: 15px;}
.features1 .txt2{
	font-size: 15px; 
	line-height: 1.7; 
	color: #888888;}



/*-----btn-----*/
.btn-default.btn0{ 
	 
	display: inline-block; 
	color: #fff; 
	border: none; 
	font-size: 14px; 
	line-height: 20px; 
	font-weight: 700; 
	padding: 13px 20px; 
	text-decoration: none; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	text-transform: uppercase; 
	background: none; 
	position: relative; 
	border: 2px solid #fff;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.btn-default.btn0:hover{
	color: #d30b16; 
	background: #fff;}

.btn-default.btn1{ 
	 
	display: inline-block; 
	color: #fff; 
	border: none; 
	font-size: 10px; 
	line-height: 18px; 
	font-weight: 700; 
	padding: 6px 30px; 
	text-decoration: none; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	text-transform: uppercase; 
	background: none; 
	position: relative; 
	border: 2px solid #fff;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.btn-default.btn1:hover{
	color: #fff; 
	background: #ac58ed; 
	border-color: #ac58ed;}

.btn-default.btn2{ 
	 
	display: inline-block; 
	color: #fff; 
	border: none; 
	font-size: 12px; 
	line-height: 20px; 
	font-weight: 700; 
	padding: 8px 30px; 
	text-decoration: none; 
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	text-transform: uppercase; 
	background: none; 
	position: relative; 
	border: 2px solid #ac58ed;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.btn-default.btn2:hover{
	color: #fff; 
	background: #ac58ed;}

.btn-default.btn3{ 
	 
	display: inline-block; 
	color: #fff; 
	border: none; 
	font-size: 12px; 
	line-height: 20px; 
	font-weight: 700; 
	padding: 0px 15px 0 0; 
	text-decoration: none; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	text-transform: uppercase; 
	background: url(../images/arr1.png) right center no-repeat; 
	position: relative; 
	border: none;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.btn-default.btn3:hover{
	color: #0c9ec3;}

.btn-default.btn4{ 
	 
	display: inline-block; 
	color: #fff; 
	border: none; 
	font-size: 10px; 
	line-height: 18px; 
	font-weight: 700; 
	padding: 6px 15px; 
	text-decoration: none; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	text-transform: uppercase; 
	background: none; 
	position: relative; 
	border: 2px solid #fff;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.btn-default.btn4:hover{
	color: #fff; 
	background: #ac58ed; 
	border-color: #ac58ed;}

.btn-default.btn5{ 
	 
	display: inline-block; 
	color: #ac58ed; 
	border: none; 
	font-size: 13px; 
	line-height: 20px; 
	font-weight: 700; 
	padding: 0px 30px 0 0; 
	text-decoration: none; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	text-transform: uppercase; 
	background: url(../images/btn5.png) right center no-repeat; 
	position: relative; 
	border: none;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.btn-default.btn5:hover{
	color: #fff;
	background: url(../images/btn5_over.png) right center no-repeat;}

.btn-default.btn6{ 
	 
	display: inline-block; 
	color: #fff; 
	border: none; 
	font-size: 12px; 
	line-height: 18px; 
	font-weight: 700; 
	padding: 6px 15px; 
	text-decoration: none; 
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	text-transform: uppercase; 
	background: #ac58ed; 
	position: relative; 
	border: 2px solid #ac58ed;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.btn-default.btn6:hover{
	color: #fff; 
	background: none; 
	border-color: #fff;}






/* ============================= thumbnail ====================== */
.img-polaroid{
	position: relative; 
	padding: 5px; 
	background: none; 
	border: 1px solid #cfcfcf;
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none;}

.thumbnail{
	line-height: inherit;}
.thumbnail .caption{
	padding: 0; 
	color: inherit;}

.thumb1 {
	margin-bottom: 0px; 
	margin-top: 0px;}
.thumb1.last {
	margin-bottom: 0px;}
.thumb1 .thumbnail{
	padding: 0; 
	border: none; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	margin-bottom: 0; 
	background: none;}
.thumb1 figure{
	margin: 0; 
	float: left; 
	margin: 0px 30px 20px 0px;}
.thumb1 figure img{
	width: auto;}
.thumb1 .caption{
	display: table; 
	color: #888888;}

.thumb2 {
	margin-bottom: 0px; 
	margin-top: 0px;}
.thumb2.last {
	margin-bottom: 0px;}
.thumb2 .thumbnail{
	padding: 0; 
	border: none; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	margin-bottom: 0; 
	background: none;}
.thumb2 figure{
	margin: 0; 
	float: left; 
	margin: 0px 30px 20px 0px;}
.thumb2 figure img{
	width: auto;}
.thumb2 .caption{
	color: #888888;}

.thumb4 {
	margin-bottom: 30px; 
	margin-top: 0px;}
.thumb4.last {
	margin-bottom: 0px;}
.thumb4 .thumbnail{
	padding: 0; 
	border: none; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	margin-bottom: 0; 
	background: none; 
	background: #1b1b1b;}
.thumb4 figure{
	margin: 0; 
	float: left; 
	margin: 0px 15px 0px 0px;}
.thumb4 figure img{
	width: auto;}
.thumb4 .caption{
	color: #888888; 
	padding: 15px; 
	display: table;}

.thumb5 {
	margin-bottom: 0px; 
	margin-top: 0px;}
.thumb5.last {
	margin-bottom: 0px;}
.thumb5 .thumbnail{
	padding: 0; 
	border: none; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	margin-bottom: 0; 
	background: none;}
.thumb5 figure{
	margin: 0; 
	float: left; 
	margin: 0px 30px 20px 0px;}
.thumb5 figure img{
	width: auto;}
.thumb5 .caption{
	color: #888888;}
.thumb5 .caption span{
	color: #fff;}

.thumb6 {
	margin-bottom: 0px; 
	margin-top: 0px;}
.thumb6.last {
	margin-bottom: 0px;}
.thumb6 .thumbnail{
	padding: 0; 
	border: none; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	margin-bottom: 0; 
	background: none; 
	background: #fff;}
.thumb6 figure{
	margin: 0; 
	float: left; 
	margin: 0px 0px 0px 0px; 
	width: 50%;}
.thumb6.right figure{
	float: right;}
.thumb6 figure img{
	width: 100%;}
.thumb6 .caption{
	float: left; 
	width: 50%; 
	color: #969595; 
	padding: 30px 45px 0; 
	font-size: 12px;}
.thumb6.right .caption{
	float: right;}
.thumb6 .caption .title{
	color: #313131; 
	font-size: 20px;}

.thumb7 {
	margin-bottom: 30px; 
	margin-top: 0px;}
.thumb7.last {
	margin-bottom: 0px;}
.thumb7 .thumbnail{
	padding: 0; 
	border: none; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	margin-bottom: 0; 
	background: none;}
.thumb7 figure{
	margin: 0; 
	float: none; 
	margin: 0px 0px 20px 0px;}
.thumb7 figure img{
	width: 100%;}
.thumb7 .caption{
	color: #888888;}
.thumb7 .caption .title{
	color: #fff; 
	font-size: 20px; 
	font-weight: 700;}















/*================= queryLoader =========================*/
#load {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	z-index: 1001;	
	background-color: #252525;}
#qLoverlay{
	background: #252525!important;}
#qLbar{
	background: #fff!important;}
#qLpercentage{
	color: #fff!important; 
	 
	font-weight: 700; 
	font-size: 40px!important; 
	line-height: 1;}



/*================= Contacts =========================*/
#note{}
.notification_error{ 
	color: #f00; 
	padding-bottom: 10px;}
.notification_ok{ 
	text-align: left; 
	padding-bottom: 10px;}

#ajax-contact-form .form-group{
	margin-left: 0; 
	margin-right: 0; 
	margin-bottom: 20px;}
#ajax-contact-form .form-group label{
	color: #272727; 
	font-weight: 400; 
	display: none;}
#ajax-contact-form .form-control{
	height: 48px; 
	padding: 13px 12px 13px 0; 
	font-size: 14px; 
	line-height: 20px; 
	color: #888888; 
	background: none;
	border: none; 
	border-bottom: 2px solid #676767;
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px;}
#ajax-contact-form .form-control:focus{
	color: #fff; 
	border-color: #fff;
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none;}
#ajax-contact-form textarea.form-control {
	height: auto;}
#ajax-contact-form .form-group.capthca{
	float: left; 
	margin-right: 30px;}
#ajax-contact-form .form-group.capthca input{
	width: 170px;}
#ajax-contact-form .form-group.img{
	float: left;}
#ajax-contact-form .form-group.img img{
	width: 170px; 
	height: 38px;}

.btn-default.btn-cf-submit{
	display: block; 
	background: #ac58ed; 
	color: #fff; 
	 
	font-size: 12px; 
	line-height: 20px; 
	font-weight: 800; 
	padding: 7px 20px; 
	text-decoration: none;
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border: none; 
	text-transform: uppercase; 
	border: 1px solid #ac58ed;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.btn-default.btn-cf-submit:hover{
	color: #fff; 
	background: none; 
	border-color: #fff;}

/*================= Contacts3 =========================*/
#note3{}
.notification_error3{ 
	color: #f00; 
	padding-bottom: 10px;}
.notification_ok3{ 
	text-align: left; 
	padding-bottom: 10px;}

#ajax-contact-form3 .form-group{
	margin-left: 0; 
	margin-right: 0;}
#ajax-contact-form3 .form-group label{
	color: #141414; 
	font-weight: 400; 
	text-transform: uppercase; 
	display: none;}
#ajax-contact-form3 .form-control{
	height: 48px; 
	padding: 13px 12px 13px 0; 
	font-size: 14px; 
	line-height: 20px; 
	color: #888888; 
	background: none;
	border: none; 
	border-bottom: 2px solid #676767;
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px;}
#ajax-contact-form3 .form-control:focus{
	color: #fff; 
	border-color: #fff;
	box-shadow: none; 
	moz-box-shadow: none; 
	-webkit-box-shadow: none;}
#ajax-contact-form3 textarea.form-control {
	height: 144px;}
#ajax-contact-form3 .form-group.capthca{
	float: left; 
	margin-right: 20px;}
#ajax-contact-form3 .form-group.capthca input{
	width: 170px;}
#ajax-contact-form3 .form-group.img{
	float: left;}
#ajax-contact-form3 .form-group.img img{
	width: 170px; 
	height: 38px;}

.btn-default.btn-cf-submit3{
	display: block; 
	background: #ac58ed; 
	color: #fff; 
	 
	font-size: 12px; 
	line-height: 20px; 
	font-weight: 800; 
	padding: 7px 40px; 
	text-decoration: none;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border: none; 
	text-transform: uppercase; 
	border: 1px solid #ac58ed;
	transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out;
}
.btn-default.btn-cf-submit3:hover{
	color: #fff; 
	background: none; 
	border-color: #fff;}



/*----- media queries ------*/
/* Large desktop */
@media (min-width: 1200px) {

}
/* Default landscape and desktop to large desktop */
@media (max-width: 1199px) {
	.logo3_wrapper{
		margin-left: -470px;}
	.add2{
		margin-right: -470px;}


}
@media (min-width: 992px) {


}
@media (min-width: 992px) and (max-width: 1199px) {

	.audio1{
		width: 500px;}

	#testim_wrapper{
		padding-top: 80px;}

	.about_wrapper{
		padding-top: 60px;}

	.thumb6 .caption{
		padding: 20px 20px 0;}





}
/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {

	.song1 .caption{
		float: none;}

	.audio1{
		float: none; 
		width: 100%;}

	.song1 .left{
		float: none;}
	.song1 .right{
		float: none;}

	.song1_wrapper{
		position: relative;}

	#testim_wrapper{
		padding-top: 0px;}

	.dancer{
		margin-top: -120px;}

	.about_wrapper{
		padding-top: 50px;}

	.thumb6 figure{
		width: 30%; 
		margin: 0 20px 10px 0;}

	.thumb6 .caption{
		width: auto; 
		float: none; 
		padding: 10px;}

	.thumb6.right .caption{
		float: none;}

	.thumb6.right figure{
		margin: 0 0 10px 20px;}

	.go-down{
		bottom: 40px;}

	.logo3_wrapper{
		margin-left: -360px;}
	.add2{
		margin-right: -360px;}









}
@media (min-width: 768px) and (max-width: 991px) {

	.add1{
		margin-left: 10px;}

	.slick-center .slick-slider-inner .caption .txt2 span{
		font-size: 15px;}

	.best0{
		padding-top: 0;}






}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.best_list {
font-size: 13px;
    padding: 15px 0;
}
.best_list .left {

    width: 30%;
    font-size: 13px;
}
.best_list .right strong {
   
    font-size: 14px;
}
.best_list .right {

    width: 70%;

}
.best_list .right>span {
display: block; 
}

	.add1{
		display: none;}



	.menu_wrapper{
		float: none;}

	.navbar_ {
		float: none; 
		height: 90px; 
		margin-bottom: 0; 
		padding: 0;}
	.navbar-collapse_{
		clear: both; 
		margin-left: -15px; 
		margin-right: -15px;}
	.navbar_ .nav{
		display: block; 
		background: none; 
		border-right: none;
		background: #252525; 
		border: none;}
	.navbar_ .nav > li{
		float: none;
		background: none; 
		border-left: none; 
		margin-left: 0; 
		border-top: 1px solid #303030; 
		background: none;}
	.navbar_ .nav > li > a{
		margin-bottom: 0; 
		border: none; 
		padding: 5px 0;}
	.navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{}
	.sub-menu ul{
		position: relative; 
		left: 0; 
		top: 0; 
		text-align: center;}

	.sub-menu li a{
		padding-right: 10px;}

	.slick-center .slick-slider-inner .caption .txt2 span{
		font-size: 20px;}

	.radio1 .sec1{
		display: none;}
	.radio1 .sec2{
		width: 85%;}
	.radio1 .sec3{
		display: none;}
	.radio1 .sec4{
		display: none;}
	.radio1 .sec5{
		display: none;}
	.radio1 .sec6{
		display: none;}
	.radio1 .sec7{
		width: 15%;}
	.audio2 .mejs-controls .mejs-playpause-button{
		width: 15%;}

	.best0{
		padding-top: 40px;}

	.about_wrapper{
		padding-top: 0px;}

	.features .left_box{
		text-align: center; 
		padding-top: 0;}
	.features .right_box{
		text-align: center; 
		padding-top: 0;}

	.comment-block.left1{
		margin-left: 20px;}

	.logo3_wrapper{
		margin-left: 0; 
		left: 10px;}
	.add2{
		margin-right: 0; 
		right: 15px; 
		display: block;}









}
@media (min-width: 481px) and (max-width: 767px) {



}
/* Landscape phones and down */
@media (max-width: 480px) {

	.audio1 .mejs-container .mejs-controls .mejs-time{
		display: none;}

	.slick-center .slick-slider-inner .caption .txt2 span{
		font-size: 12px;}

	.thumb6 figure{
		float: none; 
		margin: 0; 
		width: auto;}

	.thumb6 figure img{
		width: 100%;}

	.thumb6.right figure{
		margin: 0; 
		float: none;}







}
.camera_wrap {
	height: calc(100% - 225px);
}




.social-share-buttons ul {
	margin: 0; 
	padding: 0;
}
.social-share-buttons ul li{
	list-style: none; 
	float: left; 
	margin-right: 10px; 
	font-size: 25px;
    line-height: 10px;
}
.social-share-buttons ul li div{
    letter-spacing: 1px;
    line-height: 25px;
    font-size: 16px;
    color: #aaa;
}
.sections{     
	
}
header{
	position: fixed;
	width: 100%;
	top: 0;
}
#main_content{
	margin-top: 70px;
}
footer{
	padding: 50px 0; 
	background: #000;
}
#stream-player-top {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	padding: 25px 15px;
	background: #000;
	float: left;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#stream-player-top:hover {
	background: #111;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
/*
.navbar-brand>img {
	display: block; 
	max-width: 280px;
}*/
.navbar-brand>img {
	display: block; 
	max-width: 135px;margin-top: 5px;
}



.content_text ul {
	margin: 0;
	padding: 0;
}
.content_text li {
	list-style: none;
}

.content_text ul {
	list-style: none;
	padding: 0;
}
.content_text li {
	padding-left: 1.3em;
}
.content_text li:before {
	content: "\f00c"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
}

#rating {
	text-align: center;
	margin: 0 auto; 
	color: #fff!important; 
}
.rating {
	float: left; 
	margin-right: 10px;
}
.page_bottom hr{
	border-top: 1px solid #404040;
}
hr{
	border-top: 1px solid #404040;
}
.navbar-nav>li>.dropdown-menu {
	background: #000;
	margin-top: 20px;
}

.navbar-shrink .navbar-nav>li>.dropdown-menu {
	background: #000;
	margin-top: 10px;
}

.content_box{    

}

.black_bgr {
	min-height: 340px;
	padding-top: 150px;
	/*background: url(../images/black.png) bottom repeat-x;*/
}
.dropdown-menu>li>a{
	padding: 10px 20px;;
}
.black_bgr h1{
	color: #fff;
}

.breadcrumb {
margin: 0 auto;
    display: inline-block;
    padding: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0; 

}
.content_trohi {
    margin: -15px auto 0 auto;
    text-align: center;
}
.breadcrumb a{
    
}
.content_text{
	padding: 50px 0;
}
.white-text {
	color: #fff !important;
}

.section-title h3{
	color: #666;
	
	font-size: 28px;
	font-family: 'Oswald', sans-serif;
	text-transform: none;
}

.section-title p {
	padding-bottom: 60px;
	color: #999;
	font-size: 18px;
	
	font-weight: 300;
}





.btn-primary {
	text-transform: uppercase;
	font-weight: 300;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: none !important;
}



/*------------------------------------------------*/
/* Start Top Navbar Section                           */
/*------------------------------------------------*/

.navbar-default {
	border-color: transparent;
	background-color: #222;    
}

.navbar-default .navbar-brand {
	padding-top: 5px;
	padding-bottom: 0;
}

.navbar-default .navbar-collapse {
	border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}


.navbar-default .nav li a {
	text-transform: uppercase;
	
	font-weight: 400;
	letter-spacing: 1px;
	color: #fff;
	font-size: 12px;
}


.navbar-default .navbar-nav>.active>a {
	border-radius: 0;
	color: #fff;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
}
.navbar {
	margin-bottom: 0
}
@media(min-width:768px) {
	.navbar-default {
		padding: 0 0;
		border: 0;
		background-color: transparent;
		-webkit-transition: padding .3s;
		-moz-transition: padding .3s;
		-o-transition: padding .3s;
		transition: padding .3s;
		background: rgba(0,0,0,0.8);
	}

	.navbar-default .navbar-brand {
		font-size: 2em;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	.navbar-default .navbar-nav>.active>a {
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
	}

	.navbar-default.navbar-shrink {
		padding: 10px 0;
		background-color: #222;
	}

	.navbar-default.navbar-shrink .navbar-brand {
		font-size: 1.5em;
	}
    
}






/*--------------------------------------------------*/
/* Start Side Nav Section
/*--------------------------------------------------*/


.menu-wrap a {
	color: #fff;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
}

.menu-wrap .logo {
	
	font-size: 35px;
}



/* Menu Button */
.menu-button {
	position: fixed;
	z-index: 1000;
	margin: 1em;
	padding: 0;
	width: 2.5em;
	height: 2.25em;
	border: none;
	text-indent: 2.5em;
	font-size: 1.5em;
	color: transparent;
}

.menu-button::before {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	bottom: 0.5em;
	left: 0.5em;
	background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
	content: '';
}


@media (max-width : 479px) {
	.menu-button {
		width: 1.5em;
		height: 1.5em;
	}
    
	.menu-button::before {
		position: absolute;
		top: 0.5em;
		right: 0.5em;
		bottom: 0.5em;
		left: 0.5em;
		background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
		content: '';
	}
    
	.menu-wrap a {
		padding: 5px !important;
	}
}

@media (max-width : 767px) {
	.menu-button {
		width: 2em;
		height: 2em;
	}
    
	.menu-button::before {
		position: absolute;
		top: 0.5em;
		right: 0.5em;
		bottom: 0.5em;
		left: 0.5em;
		background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
		content: '';
	}
}



.menu-button:hover {
	opacity: 0.6;
}

/* Close Button */
.close-button {
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}

.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #bdc3c7;
}

.close-button::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-button::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Menu */
.menu-wrap {
	position: absolute;
	z-index: 1001;
	width: 300px;
	height: 100%;
	background: #111;
	padding: 2.5em 1.5em 0;
	font-size: 1.15em;
    
	-webkit-transform: translate3d(-320px,0,0);
	-moz-transform: translate3d(-320px,0,0);
	-o-transform: translate3d(-320px,0,0);
	transform: translate3d(-320px,0,0);
    
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -webkit-transform 0.4s;
	-o-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
    
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.menu, 
.icon-list {
	height: 100%;
}

.icon-list {
	-webkit-transform: translate3d(0,100%,0);
	-moz-transform: translate3d(0,100%,0);
	-o-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.icon-list a {
	display: block;
	padding: 0.8em;
    
	-webkit-transform: translate3d(0,500px,0);
	-moz-transform: translate3d(0,500px,0);
	-o-transform: translate3d(0,500px,0);
	transform: translate3d(0,500px,0);
}

.icon-list,
.icon-list a {
	-webkit-transition: -webkit-transform 0s 0.4s;
	-moz-transition: -webkit-transform 0s 0.4s;
	-o-transition: -webkit-transform 0s 0.4s;
	transition: transform 0s 0.4s;
    
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.icon-list a:nth-child(2) {
	-webkit-transform: translate3d(0,1000px,0);
	-moz-transform: translate3d(0,1000px,0);
	-o-transform: translate3d(0,1000px,0);
	transform: translate3d(0,1000px,0);
}

.icon-list a:nth-child(3) {
	-webkit-transform: translate3d(0,1500px,0);
	-moz-transform: translate3d(0,1500px,0);
	-o-transform: translate3d(0,1500px,0);
	transform: translate3d(0,1500px,0);
}

.icon-list a:nth-child(4) {
	-webkit-transform: translate3d(0,2000px,0);
	-moz-transform: translate3d(0,2000px,0);
	-o-transform: translate3d(0,2000px,0);
	transform: translate3d(0,2000px,0);
}

.icon-list a:nth-child(5) {
	-webkit-transform: translate3d(0,2500px,0);
	-moz-transform: translate3d(0,2500px,0);
	-o-transform: translate3d(0,2500px,0);
	transform: translate3d(0,2500px,0);
}

.icon-list a:nth-child(6) {
	-webkit-transform: translate3d(0,3000px,0);
	-moz-transform: translate3d(0,3000px,0);
	-o-transform: translate3d(0,3000px,0);
	transform: translate3d(0,3000px,0);
}

.icon-list a span {
	margin-left: 10px;
	font-weight: 500;
}

/* Shown menu */
.show-menu .menu-wrap {
	position: fixed;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
    
	-webkit-transition: -webkit-transform 0.8s;
	-moz-transition: -webkit-transform 0.8s;
	-o-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
    
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list,
.show-menu .icon-list a {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
    
	-webkit-transition: -webkit-transform 0.8s;
	-moz-transition: -webkit-transform 0.8s;
	-o-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
    
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-moz-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-o-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list a {
	-webkit-transition-duration: 0.9s;
	-moz-transition-duration: 0.9s;
	-o-transition-duration: 0.9s;
	transition-duration: 0.9s;
}





/*================================================== 
Slideshow
================================================== */

/*-- Main slide --*/

#main-slide .item {
	height: 700px;
}

#main-slide .item img{
	width: 100%;
}

#main-slide .item .slider-content {
	z-index: 0;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
	z-index: 0;
	opacity: 1;
	-webkit-transition: opacity 100ms;
	-moz-transition: opacity 100ms;
	-o-transition: opacity 100ms;
	transition: opacity 100ms;
}

#main-slide .slider-content{
	top: 45%;
	margin-top: -70px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
}

#main-slide .carousel-indicators {
	bottom: 30px;
}

.carousel-indicators li{
	width: 14px !important;
	height: 14px !important;
	border: 2px solid #fff !important;
	margin: 1px !important;
}


#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

#main-slide .carousel-control.left span {
	padding: 15px;
}

#main-slide .carousel-control.right span {
	padding: 15px;
}

#main-slide .carousel-control .fa-angle-left, 
#main-slide .carousel-control .fa-angle-right{
	position: absolute;
	top: 40%;
	z-index: 5;
	display: inline-block;
}

#main-slide .carousel-control .fa-angle-left{
	left: 0;
}

#main-slide .carousel-control .fa-angle-right{
	right: 0;
}

#main-slide .carousel-control i{
	background: rgba(0,0,0,.7);
	color: #fff;
	line-height: 36px;
	font-size: 32px;
	padding: 15px 20px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}


#main-slide .slider-content h1{
	font-size: 50px;
	font-weight: 700;
	line-height: 50px;
	letter-spacing: 5px;
	margin-bottom: 55px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
}


#main-slide .slider-content h2.white, #main-slide .slider-content h3.white {
	color: #fff;
}

#main-slide .slider-content p{
	font-size: 30px;
	font-weight: 300;
	line-height: 35px;
	letter-spacing: 1px;
	margin: 90px auto 35px auto;
	color: #fff;    
	max-width: 600px;
}

.slider.btn{
	padding: 10px 40px;
	font-size: 20px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	text-transform: uppercase;
	line-height: 28px;
	font-weight: 300;
	border: 0;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#main-slide .btn-primary:hover {
	background: transparent;
	border: 1px solid #fff;
}

.slider.btn.btn-default{
	margin-left: 4px;
	background: #ECECEC
}

.slider.btn.btn-default:hover{
	background: #000;
	color: #fff;
}

.slider-content-left {
	position: relative;
	margin: 0 0 0 40px;
}

.slider-content-right{
	position: relative;
}

/*-- Animation --*/
.carousel .item.active .animated1 {
	-webkit-animation: lightSpeedIn 1s ease-in 800ms both;
	animation: lightSpeedIn 1s ease-in 800ms both;
}

.carousel .item.active .animated2 {
	-webkit-animation: bounceIn 1s ease-in 800ms both;
	animation: bounceIn 1s ease-in 800ms both;
}

.carousel .item.active .animated3 {
	-webkit-animation: flipInX 2s ease-in-out 800ms both;
	animation: flipInX 2s ease-in-out 800ms both;
}


@media (min-width : 992px) {
    
	#main-slide .slider-content h1{
		font-size: 68px;
	}
}


@media (min-width : 768px) and (max-width: 991px) {
    
	#main-slide .slider-content h1{
		font-size: 35px;
		margin-bottom: 10px;
		margin-top: 0;
	}
	#main-slide .slider-content p{
		font-size: 20px;
		margin-top: 0;
		line-height: 25px;
	}

	.slider.btn{
		padding: 5px 25px;
		margin-top: 5px;
		font-size: 16px;
	}
    
	#main-slide .item {
		height: 550px;
	}
    
}


@media (max-width : 767px) {
    
	#main-slide .slider-content h1{
		font-size: 28px;
		line-height: normal;
		margin-bottom: 0;
	}
	#main-slide .slider-content p{
		font-size: 14px;
		margin-top: 5px;
	}
	.slider.btn{
		padding: 0 15px;
		margin-top: 0;
		font-size: 12px;
	}
	#main-slide .carousel-indicators{
		display: none;
	}
    
	#main-slide .item .slider-content{
		display: none;
	}
    
	#main-slide .item {
		height: 400px;
	}
    
}


@media (max-width : 479px) {
    
	#main-slide .item .slider-content{
		display: none;
	}
    
	#main-slide .item {
		height: 180px;
	}
    
}




.about-us-section-1 {
	padding-top: 80px;
	padding-bottom: 60px;
}
.graybgr{
	background: rgb(247, 247, 247);
}


.welcome-section {
	padding-bottom: 40px;
}

.welcome-section img {    
	border: 1px solid;
	width: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.border {
	border-top: 1px solid #ac58ed;
	border-bottom: 1px solid #ac58ed;
	margin: 0 45%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.welcome-section h4 {
	padding-top: 20px;
	color: #777;
}

.welcome-section p {
	padding-top: 20px;
	color: #999;
}

.welcome-section:hover .border {
	margin: 0 0%;
}


.project-image .carousel img {
	width: 100%;
	height: auto;
}

.about-text p {
	color: #999;
	text-align: justify;
}
.about-text ul {
	margin-top: 30px;
	font-size: 15px;
}
.about-text li {
	margin-bottom: 10px;
	color: #999;
}
.about-text li i {
	padding-right: 10px;
}

.about-slide img {
	width: 100%;
}




/*-------------------------------------------------*/
/* Start Latest News Section                       */
/*-------------------------------------------------*/


.latest-news-section {
	padding-top: 80px;
	padding-bottom: 60px;
}

.latest-post {
	padding-bottom: 20px;
}

.latest-post h4 {
	padding-top: 20px;
	padding-bottom: 5px;
}

.latest-post .post-details .date {
	position: absolute;
	top: 0;
	left: 10%;
	color: #fff;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.latest-post .post-details .date strong {
	font-size: 16px;
}

.latest-post .post-details li {
	display: inline;
	font-size: 15px;
	color: #999;
	padding-right: 10px;
}

.latest-post .post-details li i {
	padding-right: 5px;
}

.latest-post p {
	padding-bottom: 15px;
	color: #999;
	font-weight: 300;
}

.latest-post .btn-primary {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	font-weight: 300;
}

.latest-post .btn-primary:hover {
	background: none;
	color: #666;
	border: 1px solid #888;
	box-shadow: none;
}

.latest-post:hover .date {
	opacity: 1;
	-webkit-animation: bounceIn;
	-moz-animation: bounceIn;
	-o-animation: bounceIn;
	animation: bounceIn;
	-webkit-animation-duration: 0.7s;
	-moz-animation-duration: 0.7s;
	-o-animation-duration: 0.7s;
	animation-duration: 0.7s;
}



.owl-theme .owl-controls .owl-buttons div {
	background: #ac58ed;
}


/*------------------------------------------------------ */
/* Start Feature Section                              */
/*------------------------------------------------------ */


.services-section {
	padding-top: 80px;
	padding-bottom: 20px;
}
.feature-section {
	padding-top: 100px;
}

.feature, .feature-2, .feature-3 {
	padding-bottom: 80px;
}

.feature, .feature-3 {
	text-align: center;
}
.feature h4,
.feature-3 h4 {
	font-size: 20px;
	color: #666;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
}

.feature-2 h4{
	font-size: 20px;
	color: #666;
	padding-bottom: 10px;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
}

.feature p, 
.feature-2 p,
.feature-3 p {
	color: #444;
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
}

.feature i,
.feature-3 i {
	font-size: 2.5em;
	width: 80px;
	height: 80px;
	padding-top: 25px;
	margin-bottom: 10px;
	position: relative;
}

.feature i {
	color: #fff;
	box-shadow: 0 0 0 30px transparent;
	-webkit-transform: translate3d(2, 2, 2);
	-moz-transform: translate3d(2, 2, 2);
	-o-transform: translate3d(2, 2, 2);
	transform: translate3d(2, 2, 2);
	-webkit-transition: box-shadow .6s ease-in-out;
	-moz-transition: box-shadow .6s ease-in-out;
	-o-transition: box-shadow .6s ease-in-out;
	transition: box-shadow .6s ease-in-out;
}
.no-touch .feature:hover i,
.no-touch .feature:active i,
.no-touch .feature:focus i {		
		
	-webkit-transition: box-shadow .4s ease-in-out;
	-moz-transition: box-shadow .4s ease-in-out;
	-o-transition: box-shadow .4s ease-in-out;
	transition: box-shadow .4s ease-in-out;
}

.feature-3 i {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.feature-3:hover .border {
	margin: 0 35%;
}

.feature-2 i {
	font-size: 2.5em;
	color: #fff;
	width: 70px;
	height: 70px;
	padding: 20px;
	position: relative;
    
}

.feature-2 .media-body {
	margin-left: 25px !important;
}

.feature-2 .border {
	margin-top: 20px;
	margin-left: 49.999%;
	margin-right: 49.999%;
	border-color: #fff;
}

.feature-2:hover .border {
	margin-left: 0%;
	margin-right: 0%;
}

.feature i {
	background: #ac58ed;
}

.no-touch .feature:hover i,
.no-touch .feature:active i,
.no-touch .feature:focus i {
        
	box-shadow: 0 0 0 0 #ac58ed;
}

.feature-2 i {
	background: #ac58ed;
	border: 1px solid #ac58ed;
}

.feature-2:hover i {
	background: transparent;
	color: #ac58ed;
}

.feature-2:hover .border {
	border-color: #ac58ed;
}

.feature-3 i {
	color: #ac58ed;
	border: 1px solid #ac58ed;
}

.feature-3:hover i {
	background: #ac58ed;
	color: #fff;
}

.feature-3:hover .border {
	border-color: #ac58ed;
}
/*-------------------------------------------------*/
/* Start Contact Section                           */
/*-------------------------------------------------*/

.contact {
	background: url(../images/parallax/contact-bg.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding-top: 80px;
	//
	padding-bottom: 100px;
}

.contact .btn-primary {
	padding: 20px;
	font-size: 16px;
}

.contact .btn-primary:hover {
	background: transparent;
}

.contact .section-title h3{
	color: #fff;
}

.contact .section-heading {
	color: #fff;
}

.contact .form-group {
	margin-bottom: 25px;
}

.contact .form-group input,
.contact .form-group textarea {
	padding: 20px;
}

.contact .form-group input.form-control {
	height: auto;
}

.contact .form-group textarea.form-control {
	height: 236px;
}

.contact::-webkit-input-placeholder {
	text-transform: uppercase;
	
	font-weight: 700;
	color: #bbb;
}

.contact:-moz-placeholder {
	text-transform: uppercase;
	
	font-weight: 700;
	color: #bbb;
}

.contact::-moz-placeholder {
	text-transform: uppercase;
	
	font-weight: 700;
	color: #bbb;
}

.contact:-ms-input-placeholder {
	text-transform: uppercase;
	
	font-weight: 700;
	color: #bbb;
}

.contact .text-danger {
	color: #e74c3c;
}

.contact button {
	font-weight: 400;
	margin-top: 30px;
}


.footer-contact-info {
	color: #fff;
	padding: 20px 30px;
	margin-top: 80px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.footer-contact-info ul {
	padding-bottom: 10px;
}

.footer-contact-info h4 {

}

.footer-contact-info li strong {
	font-weight: 600;
}

/*-------------------------------------------------------*/
/* Start Footer Section                                  */
/*-------------------------------------------------------*/

footer.style-1 {
	margin-top: 100px;
	padding: 25px 0;
	background: rgba(0, 0, 0, 0.8);
}

footer.style-1 .copyright {
	text-transform: uppercase;
	text-transform: none;
	color: #999;
}

footer.style-1 .footer-social li {
	display: inline;
	padding: 0 10px;
}

footer.style-1 .footer-social li a {
	padding: 8px;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
    
}

footer.style-1 .footer-social li i {
	font-size: 15px;
	width: 20px;
	height: 20px;
}

footer.style-1 .footer-social li:hover a {
	background: #fff;
	color: #666;
}

footer.style-1 .footer-link li {
	display: inline;
	padding-left: 10px;
	font-size: 15px;
}


.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
	outline: 0;
}

/**** Start Modal Section ****/

.section-modal .modal-content {
	padding: 100px 0 !important;
	min-height: 100%;
	border: 0 !important;
	border-radius: 0;
	background-clip: border-box;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	color: #888;
	font-weight: 300;
}



.section-modal .close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	background-color: transparent;
	cursor: pointer;
}

.section-modal .close-modal:hover {
	opacity: .3;
}

.section-modal .close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	background-color: #222;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.section-modal .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	background-color: #222;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}







/*---------------------------------------------------------------*/
/* Start Call To Action
/*---------------------------------------------------------------*/


.call-to-action {
	

	min-height: 400px;
	background: url(../images/black.png) repeat-x bottom;
	color: #fff;
	text-align: center;
	padding: 80px 0;
}
.call-to-action .container { 
	max-width: 800px}
.call-to-action h1 {
	font-weight: 300;
	line-height: 50px;
	padding-bottom: 40px;
	font-size: 30px;
}

.call-to-action h1 strong {
	font-weight: 600;
    
}

.call-to-action .btn-primary {

	font-size: 16px;
}

.call-to-action .btn-primary:hover {
	background: transparent;
}





iframe {
	border: 0;
}






/******* Style Loader *******/


#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999999999;
}

.spinner {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	-webkit-animation: rotatee 2.0s infinite linear;
	animation: rotatee 2.0s infinite linear;
}

.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-webkit-animation: bouncee 2.0s infinite ease-in-out;
	animation: bouncee 2.0s infinite ease-in-out;
}

.dot2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes rotatee { 
	100% { 
	-webkit-transform: rotate(360deg)}
}
@keyframes rotatee {
	100% {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
}

@-webkit-keyframes bouncee {
	0%, 
	100% { 
	-webkit-transform: scale(0.0)}
50%
{ 
	-webkit-transform: scale(1.0)}
}

@keyframes bouncee {
	0%, 
	100% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
}
50%
{
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
}
}




.text-primary {
	color: #ac58ed;
}


.btn-primary {
	border-color: #ac58ed;
	background-color: #ac58ed;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	border-color: #9e48e1;
	background-color: #9e48e1;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	border-color: #ac58ed;
	background-color: #ac58ed;
}

.btn-primary .badge {
	color: #ac58ed;
}

.btn-xl {
	border-color: #ac58ed;
	background-color: #ac58ed;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
	border-color: #9e48e1;
	background-color: #9e48e1;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
	border-color: #ac58ed;
	background-color: #ac58ed;
}

.btn-xl .badge {
	color: #ac58ed;
	background-color: #fff;
}


.navbar-default .navbar-brand {

}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
	color: #ac58ed;
}

.navbar-default .navbar-toggle {
	border-color: #ac58ed;
	background-color: #ac58ed;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
	outline: 0;
	color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #ac58ed;
}

.navbar-default .navbar-nav>.active>a {
	background-color: #ac58ed;
}
.navbar-default .navbar-nav>li>a {
	margin-left: 0;
	padding: 45px 10px;
}
.navbar-default .navbar-nav>li:hover>a {
	background-color: #ac58ed;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	color: #fff;
}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background-color: #ac58ed;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
	color: #ac58ed;
}

.menu-wrap .logo {
	color: #ac58ed;
}

.menu-button {
	background: #ac58ed;
}

.header .intro-text h1 span {
	color: #ac58ed;
}

.main-title strong {
	color: #ac58ed;
}





.about-text li i {
	color: #ac58ed;
}


.owl-theme .owl-controls .owl-buttons div {
	background: #ac58ed;
}

#team-section .nav-tabs.nav-justified {
	background: #ac58ed;
}

.team-member .team-details {
	background-color: rgba(40, 171, 227, 0.8);
}

.counter-item i {
	color: #ac58ed;
}
.timer {
	color: #ac58ed;
}
.latest-post h4 {
	color: #ac58ed;
}
.latest-post .post-details li i {
	color: #ac58ed;
}

.owl-theme .owl-controls .owl-page.active{
	background-color: #ac58ed;
}

.contact .form-control:focus {
	border-color: #ac58ed;
	box-shadow: none;
}

footer.style-1 .footer-social li a {
	background: #ac58ed;
}

.call-to-action h1 strong {
	color: #ac58ed;   
}

.team-details li a {
	background: #ac58ed;
}

.progress-bar {
	background: #ac58ed;
}


.pricing-tables .pricing-table.highlight-plan .plan-name {
	background: #ac58ed;
}

.pricing-tables .pricing-table.highlight-plan .plan-signup {
	background: #ac58ed;
}

.footer-contact-info {
	background: rgba(40, 171, 227, 0.8);
}

footer.style-1 {
	border-top: 2px solid #ac58ed;
}

#main-slide .slider-content h1 strong {
	color: #ac58ed;
}

.latest-post .post-details .date {
	background: rgba(40, 171, 227, 0.8);
}

.custom-tab .nav-tabs.nav-justified {
	background: #ac58ed;
}

.plan-name {
	background: #ac58ed;
}

.plan-signup {
	background: #ac58ed;
}

.dot1, .dot2 {
	background-color: #ac58ed;
}

@media (max-width:768px){
	.navbar-header {
    display: inline-block;
    float: left;
}
	.navbar-default .navbar-brand {
		max-width: 200px;    

    padding-top: 3px;
    padding-bottom: 0;
    margin-right: 15px;
}
#stream-player-top{
    border-right: 1px solid #191919;
    border-left: 1px solid #191919;
    background: #191919;
    padding: 5px 10px;
    width: 80px;
}
.navbar-default .navbar-toggle {
    border: 2px solid;
    border-color: #bbb;
    background-color: transparent;
    border-radius: 2px;
    padding: 11px 10px;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 8px;
}
.slick-slider-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    max-width: 100%;
}
header {
   position: relative;
   
}
html, body {
  overflow-x: hidden;
}
body {
  position: relative
}
#main_content {
    margin-top: 0;
}
.navbar-default .navbar-collapse {
    background: #333;
    position: absolute;

    width: 100%;
    margin-top: 68px;border-top: none;
}
.navbar-default .navbar-nav>li>a {
    margin-left: 0;
    padding: 15px 20px;
}

	.navbar-brand>img {
   margin-top: 3px;
    display: block;
    max-width: 87px;
}
}

@media only screen 
and (max-width : 320px) {
    
    
	.header .intro-text h1 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 25px;
	}
    
	.header .intro-text p {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 25px;
	}
    
	.header .intro-text .btn-primary {
		padding: 10px 15px;
		font-size: 15px;
	}
    
	.call-to-action h1 {
		font-size: 30px;
		line-height: 40px;
	}
    
	.call-to-action .btn-primary {
		padding: 15px;
		font-size: 15px;
	}
    
	.about-text p {
		margin-top: 20px;
	}
    
	.skill-shortcode {
		margin-bottom: 30px;
	}
    
	.footer-link ul {
		float: left !important;
		margin-top: 30px;
	}
    
	.footer-social {
		margin-top: 30px;
	}
    
    
}


@media only screen 
and (min-width : 321px) 
and (max-width : 480px) {
    
    
	.header .intro-text h1 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 25px;
	}
    
	.header .intro-text p {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 25px;
	}
    
	.header .intro-text .btn-primary {
		padding: 10px 15px;
		font-size: 15px;
	}
    
	.call-to-action h1 {
		font-size: 30px;
		line-height: 40px;
	}
    
	.call-to-action .btn-primary {
		padding: 15px;
		font-size: 15px;
	}
    
	.about-text p {
		margin-top: 20px;
	}
    
	.skill-shortcode {
		margin-bottom: 30px;
	}
    
	.footer-link ul {
		float: left !important;
		margin-top: 30px;
	}
    
	.footer-social {
		margin-top: 30px;
	}
    
    
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;}
.col-xs-15{
	width: 20%;
	float: left;}
button.close{
	margin-top: -5px;}
#cartul li{
	padding: 15px;}

@media (min-width:768px){
	.col-sm-15{
		width: 20%;
		float: left;}
}
@media (min-width:992px){.col-md-15{
		width: 20%;
		float: left;}
}
@media (min-width:1200px){.col-lg-15{
		width: 20%;
		float: left;}
}


@media only screen 
and (min-width : 481px) 
and (max-width : 600px) {
    
    
	.header .intro-text h1 {
		font-size: 35px;
		line-height: 45px;
		margin-bottom: 25px;
	}
    
	.header .intro-text p {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 25px;
	}
    
	.header .intro-text .btn-primary {
		padding: 10px 15px;
		font-size: 15px;
	}
    
	.call-to-action h1 {
		font-size: 35px;
		line-height: 45px;
	}
    
	.call-to-action .btn-primary {
		padding: 18px;
		font-size: 15px;
	}
    
	.about-text p {
		margin-top: 20px;
	}
    
	.skill-shortcode {
		margin-bottom: 30px;
	}
    
	.footer-link ul {
		float: left !important;
		margin-top: 30px;
	}
    
	.footer-social {
		margin-top: 30px;
	}
    
    
}


@media only screen 
and (min-width : 601px) 
and (max-width : 800px) {
    
    
	.header .intro-text h1 {
		font-size: 40px;
		line-height: 45px;
		margin-bottom: 25px;
	}
    
	.header .intro-text p {
		font-size: 22px;
		line-height: 25px;
		margin-bottom: 25px;
	}
    
	.header .intro-text .btn-primary {
		padding: 10px 15px;
		font-size: 15px;
	}
    
	.call-to-action h1 {
		font-size: 40px;
		line-height: 45px;
	}
    
	.call-to-action .btn-primary {
		padding: 18px;
		font-size: 15px;
	}
    
	.about-text p {
		margin-top: 20px;
	}
    
	.skill-shortcode {
		margin-bottom: 30px;
	}
    
	.footer-link ul {
		float: left !important;
		margin-top: 30px;
	}
    
	.footer-social {
		margin-top: 30px;
	}
    
}

@media only screen 
and (min-width : 801px) 
and (max-width : 991px) {
    
    
	.header .intro-text h1 {
		font-size: 45px;
		line-height: 50px;
		margin-bottom: 30px;
	}
    
	.header .intro-text p {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 30px;
	}
    
	.header .intro-text .btn-primary {
		padding: 15px 20px;
		font-size: 16px;
	}
    
    
}


@media only screen 
and (min-width : 992px) 
and (max-width : 1100px) {
    
}




.player {
	    padding: 10px 0;
    max-width: 720px;
    height: 60px;
    margin: 0 auto;
    position: relative;
}

.player i{
	color: #fff;
}

.player .playback {
	float: left;
	width: 40px;
	height: 40px;
}
.player .playback .play{
    border: 2px solid rgba(255,255,255,0.7);
    padding-left: 2px;
    line-height: 36px;
    border-radius: 3px;
    background: transparent;
    width: 60px;
    cursor: pointer;
    height: 40px;
    text-align: center;
}
.player .playback .stop {
    border: 2px solid rgba(255,255,255,0.7);
    padding-left: 2px;
    line-height: 36px;
    border-radius: 3px;
    background: transparent;
    width: 60px;
    cursor: pointer;
    height: 40px;
    text-align: center;
}

.player .playback:hover .play{
    border: 2px solid rgba(172,88,237,1);
}
.player .playback:hover .stop {
    border: 2px solid rgba(172,88,237,1);
}
.player .playback:active .play{
    border: 2px solid rgba(172,88,237,1);
}
.player .playback:active .stop {
    border: 2px solid rgba(172,88,237,1);
}

.player .playback .play i{
     color: #ac58ed;
}
.player .playback .stop i{
    color: #ac58ed;
}

.player .playback:active .play i{
     color: #fff;
}
.player .playback:active .stop i{
    color: #fff;
}
.player .playback:hover .play i{
     color: #fff;
}
.player .playback:hover .stop i{
    color: #fff;
}


.player-status.mobile_status{
	display: none;
}
.player .volume-control {
	width: 200px;
	height: 20px;
	float: left;
	padding-left: 30px;
	padding-right: 10px;
	    margin-top: 13px;
}

.player .volume-control .volume-icon {
	margin-top: -7px;
	width: 15px;
	float: left;
	cursor: pointer;
	height: 15px;
}

.player .volume-control .volume-slider {
	float: left;
	width: 140px;
}

.player .volume-control .volume-slider .vol-progress {
	margin: 0 5px;
	width: 100%;
	height: 4px;
	background: #ccc;
	cursor: pointer;
}

.player .volume-control .volume-slider .vol-progress .vol-bar {
	position: relative;
	display: block;
	height: 100%;
	background: #ac58ed;
	width: 50%;
}

.player .volume-control .volume-slider .vol-progress .circle-control {
	position: absolute;
	top: -4px;
	right: -4px;
	display: block;
	width: 11px;
	height: 11px;
	background: #ac58ed;
	border-radius: 50%;
	transition: transform 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
	-webkit-transition: transform 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.player .volume-control .volume-slider .vol-progress:hover .circle-control {
	cursor: pointer;
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
}

.player .volume-control .volume-slider .player-status {
	font-size: 12px;
	color: #aaa!important;
	text-align: center;
	width: 100%;
	margin-top: 2px;
}

.player .history {
	line-height: 11px;
	font-size: 12px;
	width: 100%;
	float: left;
	color: #bbb;
	margin-left: 22px;
	padding-bottom: 4px;
}

.player .playlists {
	color: #bbb!important;
	font-size: 12px;
	float: left;
	height: 55px;
	margin: 0 0 0 10px;
	text-align: center;
}

.player .playlists span {
	color: #bbb;
	display: block;
	margin: 2px 0 3px 0;
}

.player .playlists a {
	display: inline-block;
	position: relative;
	top: 0;
	margin: 0 6px;
	transition: all 200ms cubic-bezier(0.25, 0.8, 0.25, 1);
	-webkit-transition: all 200ms cubic-bezier(0.25, 0.8, 0.25, 1);
	opacity: 0.75;
}

.player .playlists a:hover {
	opacity: 1;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	top: -4px;
}

@media (max-width:767px) {
.player-status.mobile_status{
	    color: #888;
    clear: both;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
    max-width: 48px;
    height: 20px;
    text-overflow: unset;margin: 0 auto;
}
.player .playback {

    width: 100%;

}
}



@media (max-width:520px) {
	.player .volume-control {
		margin: 0 225px 0 80px;
	}
	.player .volume-control .volume-slider .player-status {
		display: none;
	}
}

@media (max-width:400px) {
	.player .volume-control {
		display: none;
	}
	.player {
		text-align: center;
	}
	.player .playback {
		display: inline-block;
		vertical-align: middle;
		position: static;
	}
	.player .playlists {
		float: none;
		margin-top: 0;
		padding: 0;
	}
}

@media (max-width:315px) {
	.player .playlists {
		display: none;
	}
}