.bg-cover-image {background-position: center center; background-repeat: no-repeat; background-size: cover !important; min-height: 700px; margin-top: 123px;}
.bg-cover-image {color: #ffffff; position: relative; overflow: hidden;}
.bg-cover-image:before{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0;background: rgba(0, 0, 0, 0.2); border-bottom: 0;}  
.voice-banner-content{  margin: 0;  position: absolute;  top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%); text-align: center; left: 0; right: 0; z-index: 1;}


.voice-banner-content h1 {  color: #FFFFFF;font-size: 12rem; margin: 0px 0px 10px 0px; padding: 0px;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);font-family: "Courgette-Regular", Arial sans-serif;}
.voice-banner-content h2{ color: #FFFFFF;font-size: 9rem; margin: 0px; padding: 0px;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);font-family: "Courgette-Regular", Arial sans-serif;}
.img-shape-css { display: inline-block; position: relative; }
.img-shape-css img {border-radius: 10%; max-width: 100%;  position: relative;}
.video-img { position: relative; }
.video-img:after{position: absolute; width: 76px; height: 79px; right: -23px; top: -13px; z-index: 1;content: '';background-image: url("//c4urselves.com/templates/default/img/image-right.png");}
.video-img:before{position: absolute; width: 79px; height: 75px; left: -21px; bottom: -14px; z-index: 1;content: '';background-image: url("//c4urselves.com/templates/default/img/image-left.png");}
/*.video-img:hover{overflow: hidden;}*/
.video-img img {border-radius: 5%; width: 100%;  position: relative;}
.video-img img:hover{
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.video-img i{font-size: 50px; color: #009fe3;text-shadow: 2px 4px 3px rgba(0,0,0,0.3); position: absolute;  top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);   left: 0; right: 0; z-index: 1; text-align: center; width: 100%;}
.video-img i small{color: #ffffff;  font-size: 11px;  display: block;  text-transform: uppercase;   padding-top: 10px; font-family: arial;}
.video-img i:hover{color:#ffffff;}
.card.card-custom{  color: #4a4a4a; margin-top: 0px; padding: 50px; background-color: #f0f8ff; margin-bottom: 16px; border-radius: 10px;     }

.voice-content{ padding: 50px 0px 0px;}
.video-content-box{min-height: 230px; position: relative;}
.video-content{position: absolute;  top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);   left: 0; right: 0; z-index: 1; width: 100%;} 
.about-box{background-position: center bottom; background-repeat: no-repeat; background-size: cover !important;padding:50px 50px 250px 25px;}
.about-content{border-radius: 25px; padding: 25px; background-color:rgba(255,255,255,0.7); }
.center-play{font-size: 50px; color: #009fe3;text-shadow: 2px 4px 3px rgba(0,0,0,0.3); position: absolute;  top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);   left: 0; right: 0; z-index: 1; text-align: center; width: 100%;}
.center-play:after{content:'Play Video'; position: absolute; color: #ffffff; left: 0; right: 0; margin: 0 auto; font-family: arial; font-size: 13px; text-transform: uppercase; bottom: 20px;text-shadow: 2px 4px 3px rgba(0,0,0,0.5);}

.play-btn {width: 50px; height: 50px; background: radial-gradient( rgba(0, 159, 227, 0.8) 60%, rgba(255, 255, 255, 1) 62%);  border-radius: 50%;  position: relative;
  display: block;  margin: 50px auto;  box-shadow: 0px 0px 25px 3px rgba(255, 0, 128, 0.8);}
/* triangle */
.play-btn::after {  content: "";  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translateX(-40%) translateY(-50%);  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;  width: 0;  height: 0;  border-top: 15px solid transparent;  border-bottom: 15px solid transparent;  border-left: 25px solid #fff;
  z-index: 100;  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}
/* pulse wave */
.play-btn:before {  content: "";  position: absolute;  width: 150%;  height: 150%;  -webkit-animation-delay: 0s;  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;  animation: pulsate1 2s;  -webkit-animation-direction: forwards;  animation-direction: forwards;  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;  -webkit-animation-timing-function: steps;  animation-timing-function: steps;  opacity: 1;
  border-radius: 50%;  border: 5px solid rgba(255, 255, 255, .75);  top: -25%;  left: -25%;  background: rgba(198, 16, 0, 0);}

.about-pic{float: right; padding-left: 10px;}
.voice-main-content{ padding-left: 17px;}

@media only screen and (max-width: 992px) {
	.bg-cover-image {margin-top: 103px; min-height: 350px;}
	.voice-banner-content h1 {font-size:8rem; }
	.voice-banner-content h2{font-size:5rem; }
	.video-content-box{min-height: auto;}
	.video-content{position: relative; transform: inherit;}	
	.about-content{border-radius: 25px; padding: 10px;}
	.about-box{padding:10px 10px 200px 10px;}
	.video-img:after {right: -9px;  top: -2px;}
	.video-img:before {left: -15px; bottom: -9px;}
	.card.card-custom{ padding: 21px;}
	.voice-main-content{ padding-left:0px;}
}
@media only screen and (max-width: 555px) {
	.bg-cover-image {margin-top: 79px; min-height: 250px;}
	.voice-banner-content h1 {font-size:5rem; }
	.voice-banner-content h2{font-size:3rem; }
	.about-pic{float: none; padding-left: 0px; padding-bottom: 10px;}
	
}


nav#second-nav{
	position: relative;
}
.pm-ul-browse-categories li {
	list-style: none;
}
.pm-ul-browse-categories li h3 {
	width: 100%;
}
.custom_main_menu_dropdown > ul{
	border-radius: 3rem;
	background-color: #000;
	border: none;
}
.custom_main_menu_dropdown.btn-group.btn-group-sort {
	top: unset;
}
.custom_main_menu_dropdown.btn-group-sort .dropdown-menu a {

	color: white !important;
}
.custom_main_menu_dropdown.btn-group-sort .dropdown-menu a:hover,
.custom_main_menu_dropdown.btn-group-sort .dropdown-menu a:active,
.custom_main_menu_dropdown.btn-group-sort .dropdown-menu a:focus {
	background: #000000;
}
.contact_us_form,
#register-form,
#pm-register h1,
#login-form,
#pm-login h1,
#reset-form,
#pm-reset h1{
	width: 50%;
    margin: 0 auto;
}
.contact_us_form input,
.contact_us_form textarea,
.contact_us_form select,
#register-form input,
#register-form textarea,
#register-form select,
#login-form input,
#login-form textarea,
#login-form select,
#reset-form input,
#reset-form textarea,
#reset-form select{
	width: 100%;
}
#contact-form .contact_us_form .control-group,
#register-form .control-group,
#login-form .control-group,
#reset-form .control-group{
	border-bottom: unset;
}
#carousel-example-captions .item {
    background: transparent;
    box-shadow: unset;
    text-align: center;
    height: fit-content;
}
#carousel-example-captions h2.carousel-text {
    margin: 0;
    color: #fff;
    /*font-size: 7rem;*/
    line-height: 5.5rem;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}
#header-login-form input{
	color: #000;
}
@media only screen and (min-width: 992px) {
	nav.menu .menu__wrap .custom_main_menu_dropdown > ul {
		display: none !important;
	}
}
nav.menu .menu__wrap .custom_main_menu_dropdown.open>.dropdown-menu{
	display: block !important;
}
.custom_main_menu_dropdown.btn-group-sort .dropdown-menu{
	background-color: #000;
	border: none;
	box-shadow: none;
}


.btn-small [class^="icon-"] {
	margin-top: 0;
}
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url(../img/glyphicons-halflings.png);
	background-position: 14px 14px;
	background-repeat: no-repeat;
}
[class^="icon-pencil"], [class*=" icon-pencil"] {
	background-position: 469px 87px;
	background-repeat: initial;
}
.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-th {
	background-position: -240px 0;
}
.icon-th-list {
	background-position: -264px 0;
}
@media (max-width: 1000px){
	form.form-inline.li-dropdown-inside.opac7.custom_mob_style{
		position: relative;
		right: unset;
		left: unset;
		width: 100%;
		text-align: right;
	}

	ul.pm-ul-browse-categories,
	ul.pm-ul-browse-videos,
	ul.pm-ul-alltop-videos,
	ul.pm-ul-new-videos:not(.grid) {
		display: flex !important;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 0;
		flex-wrap: wrap;
	}

	ul.pm-ul-new-videos.grid {
		display: block !important;
	}


	ul.pm-ul-browse-categories li{
		width: 100%;
		text-align: center;
		width: 180px;
	}

	ul.pm-ul-browse-videos li,
	ul.pm-ul-alltop-videos li,
	ul.pm-ul-new-videos:not(.grid) li {
		width: 100%;
		text-align: center;
		float: unset;
		margin: auto;
		width: 180px;
	}

	ul.pm-ul-browse-categories li > div,
	ul.pm-ul-browse-videos li > div,
	ul.pm-ul-alltop-videos li > div,
	ul.pm-ul-new-videos:not(.grid) li > div {
		display: flex !important;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin: auto;
	}
}
@media (max-width: 767px){
	body {
		padding-right: 0;
		padding-left: 0;
	}
	.contact_us_form,
	#register-form,
	#login-form,
	#reset-form{
		width: 100%;
	}
	#pm-register h1,
	#pm-login h1,
	#pm-reset h1{
	max-width: 100%;
	}
}
@media (max-width: 490px) {
	.custom_h1_mobile {
		   width: 20%;
	}
}
@media (max-width: 480px) {
	form.form-inline.li-dropdown-out.opac7.custom_mob_style{
		position: relative;
		right: unset;
		left: unset;
		width: 100%;
		text-align: right;
	}
}


/*@media screen and (min-width: 980px) {
	#wrapper {
		width: auto;
	}
}*/
@media (min-width: 1001px) {
	ul.pm-ul-browse-categories,
	ul.pm-ul-browse-videos {
		display: flex !important;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 0;
		flex-wrap: wrap;
	}
	ul.pm-ul-browse-categories li{
		width: 100%;
		text-align: center;
		width: 180px;
	}
	ul.pm-ul-browse-videos li {
		width: 100%;
		text-align: center;
		float: unset;
		margin: auto;
		width: 180px;
	}
	ul.pm-ul-browse-categories li > div,
	ul.pm-ul-browse-videos li > div {
		display: flex !important;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin: auto;
	}
	ul.pm-ul-browse-videos.grid li > div {
		flex-direction: row;
	}
}

.menu__logo img {
	max-width: 14rem;
}

.page_id_4 #primary h1{
	opacity: 1;
	font-family: "OpenSansRegular", Arial sans-serif;
	font-weight: bold;
	/*font-size: 2.6rem;*/
	color: #323232;
	letter-spacing: 0.1rem;
	text-align: left;
	margin: 4rem auto 3rem;
}
.page_id_4 #primary p{
	color: #999999;
	font-size: 1.4rem;
	line-height: 2rem;
	margin-bottom: 2rem;
}
.page_id_4 #primary li{
	color: #999999 !important;
	font-size: 1.4rem !important;
}
.page_id_4 #primary p span{
	font-size: 1.4rem !important;
}


#wrapper #primary-about{
    font-family: "OpenSansRegular", Arial sans-serif !important;
}

body .input-group-addon,
body .input-group-btn,
body .input-group .form-control {
	display: inline-block;
	width: auto;
	margin-left: 0;
}

.browse_container {
	border: 1px solid;
	border-radius: 5px;
	padding: 10px;
}

.browse_ul,
.browse_ul li{
	list-style-type: none;
}
.browse_ul,
.browse_ul ul {
	padding: 0;
}

.firstScreen h3 {
	color: #FFFFFF;
	font-size: 3rem;
	text-align: center;
	letter-spacing: 0.8rem;
	line-height: 3rem;
	margin: 2rem 0 3rem;
	text-align: center;
}
.firstScreen .carousel {
	opacity: 1;
}
.firstScreen .carousel .item {
	opacity: 0;
	transition: opacity 1.5s;
}
.firstScreen .carousel .item.active {
	position: relative;
	opacity: 1;
}
.firstScreen .carousel-inner > .item.active {
	opacity: 1;
}

.form-group .input-append {
	display: flex;
}

.display-flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.order-1 {
	order: 1;
}
.order-2 {
	order: 2;
}

#bin-rating-dislike {
	display: none;
}


@media (min-width: 992px) {
	.order-md-1 {
		order: 1 !important;
	}
	.order-md-2 {
		order: 2 !important;
	}	
}

@media only screen and (min-width: 1200px) {
    #sticky {
        z-index: 999!important;
        top: 130px !important;
        position: initial;
    }
}
@media all and (transform-3d), (-webkit-transform-3d) {
	/*.carousel-inner > .item {*/
		/*-webkit-transition: -webkit-transform .6s ease-in-out;*/
		/*-o-transition: -o-transform .6s ease-in-out;*/
		/*transition: -webkit-transform .6s ease-in-out;*/
		/*-o-transition: transform .6s ease-in-out;*/
		/*transition: transform .6s ease-in-out;*/
		/*transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;*/
		/*-webkit-backface-visibility: hidden;*/
		/*backface-visibility: hidden;*/
		/*-webkit-perspective: 1000px;*/
		/*perspective: 1000px; }*/
	/*.carousel-inner > .item.active.right, .carousel-inner > .item.next {*/
		/*left: 0;*/
		/*-webkit-transform: translate3d(100%, 0, 0);*/
		/*transform: translate3d(100%, 0, 0); }*/
	.firstScreen .carousel-inner > .item.active.left,
	.firstScreen .carousel-inner > .item.prev {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	/*.carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {*/
		/*left: 0;*/
		/*-webkit-transform: translate3d(0, 0, 0);*/
		/*transform: translate3d(0, 0, 0); } */
}
@media(max-width: 769px) {
	.custom_img_style {
		margin-left: 0 !important;
		margin-bottom: 10px !important;
	}
}

.aboutPlayer > div {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.aboutPlayer .aboutPlayer__description .custom_h2 {
	text-align:center;
}

.aboutPlayer__description .aboutPlayer__btn {
	justify-content: center;
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@-webkit-keyframes left-mover{
    0% { transform: translatex(0); }
    100% { transform: translatex(10px); }
}
@-webkit-keyframes right-mover{
    0% { transform: translatex(0); }
    100% { transform: translatex(-10px); }
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}