body {

    font: 400 15px open sans,Arial,helvetica neue,Helvetica,sans-serif;

    line-height: 1.8;

    color: #777;

  }

  h2 {

    font-size: 24px;

    text-transform: uppercase;

    color: #303030;

    font-weight: 600;

    margin-bottom: 30px;

  }

  h4 {

    font-size: 19px;

    line-height: 1.375em;

    color: #303030;

    font-weight: 400;

    margin-bottom: 30px;

  }  

  .jumbotron {

    background-color: #008eff;

    color: #fff;

    padding: 100px 25px;

    font-family: open sans,Arial,helvetica neue,Helvetica,sans-serif;

  }

  .container-fluid {

    //padding: 60px 50px;

  }

  .bg-grey {

    background-color: #f6f6f6;

  }

  .logo-small {

    color:  #EE4C7C;

    font-size: 50px;

  }

  .logo {

    color:  #EE4C7C;

    font-size: 200px;

  }

  .thumbnail {

    padding: 0 0 15px 0;

    border: none;

    border-radius: 0;

  }

  .thumbnail img {

    width: 100%;

    height: 100%;

    margin-bottom: 10px;

  }

  .carousel-control.right, .carousel-control.left {

    background-image: none;

    color:  #EE4C7C;

  }

  .carousel-indicators li {

    border-color:  #EE4C7C;

  }

  .carousel-indicators li.active {

    background-color:  #EE4C7C;

  }

  .item h4 {

    font-size: 19px;

    line-height: 1.375em;

    font-weight: 400;

    font-style: italic;

    margin: 70px 0;

  }

  .item span {

    font-style: normal;

  }

  .panel {

    /*border: 1px solid  #EE4C7C; */

    border-radius:0 !important;

    transition: box-shadow 0.5s;

  }

  .panel:hover {

    box-shadow: 5px 0px 40px rgba(0,0,0, .2);

  }

  .panel-footer .btn:hover {

    border: 1px solid  #EE4C7C;

    background-color: #fff !important;

    color:  #EE4C7C;

  }

  .panel-heading {

    color: #fff !important;

    background-color:  #EE4C7C !important;

    /*padding: 25px;*/

    border-bottom: 1px solid transparent;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

  }

  .panel-footer {

    background-color: white !important;

  }

  .panel-footer h3 {

    font-size: 32px;

  }

  .panel-footer h4 {

    color: #aaa;

    font-size: 14px;

  }

  .panel-footer .btn {

    margin: 15px 0;

    background-color:  #EE4C7C;

    color: #fff;

  }

  .navbar {

    margin-bottom: 0;

    background-color: #fff;

    z-index: 9999;

    //border-bottom: 1px solid #777;

    font-size: 15px !important;

    line-height: 1.42857143 !important;

    //letter-spacing: 4px;

    border-radius: 0;

    font-family: open sans,Arial,helvetica neue,Helvetica,sans-serif;

  }

  .navbar li a, .navbar .navbar-brand {

    //color: #000 !important;

	font-weight: 700;

  }

  .navbar-nav li a:hover, .navbar-nav li.active a {

    color:  #EE4C7C !important;

    background-color: #fff !important;

  }

  .navbar-default .navbar-toggle {

    border-color: transparent;

    color: #fff !important;

  }

  footer .glyphicon {

    font-size: 20px;

    margin-bottom: 20px;

    color:  #EE4C7C;

  }

  .slideanim {visibility:hidden;}

  .slide {

    animation-name: slide;

    -webkit-animation-name: slide;

    animation-duration: 1s;

    -webkit-animation-duration: 1s;

    visibility: visible;

  }

  @keyframes slide {

    0% {

      opacity: 0;

      transform: translateY(70%);

    } 

    100% {

      opacity: 1;

      transform: translateY(0%);

    }

  }

  @-webkit-keyframes slide {

    0% {

      opacity: 0;

      -webkit-transform: translateY(70%);

    } 

    100% {

      opacity: 1;

      -webkit-transform: translateY(0%);

    }

  }

  @media screen and (max-width: 768px) {

    .col-sm-4 {

      text-align: center;

      margin: 25px 0;

    }

    .btn-lg {

      width: 100%;

      margin-bottom: 35px;

    }

  }

  @media screen and (max-width: 480px) {

    .logo {

      font-size: 150px;

    }

  }

.carousel {

    margin-bottom: 0;

    //padding: 0 40px 30px 40px;

}

/* The controlsy */

.carousel-control {

	left: -12px;

    height: 40px;

	width: 40px;

    background: none repeat scroll 0 0 #222222;

    border: 4px solid #FFFFFF;

    border-radius: 23px 23px 23px 23px;

    margin-top: 90px;

}

.carousel-control.right {

	right: -12px;

}

/* The indicators */

.carousel-indicators {

	right: 50%;

	top: auto;

	bottom: -10px;

	margin-right: -19px;

}

/* The colour of the indicators */

.carousel-indicators li {

	background: #cecece;

}

.carousel-indicators .active {

background: #428bca;

}

div.scrollmenu {

  background-color: #333;

  overflow: auto;

  white-space: nowrap;

}



div.scrollmenu a {

  display: inline-block;

  color: white;

  text-align: center;

  padding: 14px;

  text-decoration: none;

}



div.scrollmenu a:hover {

  background-color: #777;

}

.one,.two,.three,.four{

	margin-top:30px;

}



.frb-group {

	margin: 15px 0;

}



.frb {

	margin-top: 15px;

}



.frb input[type="radio"]:empty,

.frb input[type="checkbox"]:empty {

	display: none;

}



.frb input[type="radio"] ~ label:before,

.frb input[type="checkbox"] ~ label:before {

	font-family: open sans,Arial,helvetica neue,Helvetica,sans-serif;

	content: '\f096';

	position: absolute;

	top: 50%;

	margin-top: -11px;

	left: 15px;

	font-size: 22px;

}



.frb input[type="radio"]:checked ~ label:before,

.frb input[type="checkbox"]:checked ~ label:before {

	content: '\f046';

}



.frb input[type="radio"] ~ label,

.frb input[type="checkbox"] ~ label {

	position: relative;

	cursor: pointer;

	width: 100%;

	border: 1px solid #ccc;

	border-radius: 5px;

	background-color: #f2f2f2;

}



.frb input[type="radio"] ~ label:focus,

.frb input[type="radio"] ~ label:hover,

.frb input[type="checkbox"] ~ label:focus,

.frb input[type="checkbox"] ~ label:hover {

	box-shadow: 0px 0px 3px #333;

}



.frb input[type="radio"]:checked ~ label,

.frb input[type="checkbox"]:checked ~ label {

	color: #fafafa;

}



.frb input[type="radio"]:checked ~ label,

.frb input[type="checkbox"]:checked ~ label {

	background-color: #f2f2f2;

}



.frb.frb-default input[type="radio"]:checked ~ label,

.frb.frb-default input[type="checkbox"]:checked ~ label {

	color: #333;

}



.frb.frb-primary input[type="radio"]:checked ~ label,

.frb.frb-primary input[type="checkbox"]:checked ~ label {

	background-color: #337ab7;

}



.frb.frb-success input[type="radio"]:checked ~ label,

.frb.frb-success input[type="checkbox"]:checked ~ label {

	background-color: #5cb85c;

}



.frb.frb-info input[type="radio"]:checked ~ label,

.frb.frb-info input[type="checkbox"]:checked ~ label {

	background-color: #5bc0de;

}



.frb.frb-warning input[type="radio"]:checked ~ label,

.frb.frb-warning input[type="checkbox"]:checked ~ label {

	background-color: #f0ad4e;

}



.frb.frb-danger input[type="radio"]:checked ~ label,

.frb.frb-danger input[type="checkbox"]:checked ~ label {

	background-color: #d9534f;

}



.frb input[type="radio"]:empty ~ label span,

.frb input[type="checkbox"]:empty ~ label span {

	display: inline-block;

}



.frb input[type="radio"]:empty ~ label span.frb-title,

.frb input[type="checkbox"]:empty ~ label span.frb-title {

	font-size: 16px;

	font-weight: 700;

	margin: 5px 5px 5px 50px;

}



.frb input[type="radio"]:empty ~ label span.frb-description,

.frb input[type="checkbox"]:empty ~ label span.frb-description {

	font-weight: normal;

	font-style: italic;

	color: #000;

	margin: 5px 5px 5px 50px;

}



.frb input[type="radio"]:empty:checked ~ label span.frb-description,

.frb input[type="checkbox"]:empty:checked ~ label span.frb-description {

	color: #fafafa;

}



.frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description,

.frb.frb-default input[type="checkbox"]:empty:checked ~ label span.frb-description {

	color: #999;

}



.form-group {

    margin:0;

    padding:20px ;



    &:first-child { border-color: transparent; }

}



.form-control {

	    background-color: #ececec;

 padding: 0px 10px 0 20px;

    margin-top: 3px;

    color: #333;

    font-size: 20px;

    //font-weight: 500;

    //border: 3px solid #555;

    -webkit-box-shadow: none;

    box-shadow: none;

    min-height: 55px;

    height: auto;

    border-radius: 70px 0  0 70px !important;

}

.form-control :focus {

        -webkit-box-shadow: none;

        box-shadow: none;

        border-color: transparent;



    }



#searchbtn

{    border: 0;

    padding: 0px 10px;

    margin-top: 10px;

    color: #fff;

    background: #f00;

    font-size: 25px;

    font-weight: 500;

    //border: 3px solid #555;

    border-left: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    min-height: 55px;

    /* min-height: 28px; */

    height: auto;

    border-radius: 0 50px 50px 0 !important;

}















.carousel-control.left,.carousel-control.right  {background:none;width:25px;}

.carousel-control.left {left:-25px;}

.carousel-control.right {right:-25px;}

.broun-block {

    background: #ececec;

    padding-bottom: 34px;

}

.block-text {

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 3px 0 #2c2222;

    color: #626262;

    font-size: 14px;

    margin-top: 27px;

    padding: 15px 18px;

}

.block-text a {

 color: #7d4702;

    font-size: 25px;

    font-weight: bold;

    line-height: 21px;

    text-decoration: none;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

}

.mark {

    padding: 12px 0;background:none;

}

.block-text p {

    color: #585858;

    font-family: open sans,Arial,helvetica neue,Helvetica,sans-serif;

    font-style: italic;

    line-height: 20px;

}

.sprite {

	background-image: url('');

}

.sprite-i-triangle {

    background-position: 0 -1298px;

    height: 44px;

    width: 50px;

}

.block-text ins {

    bottom: -44px;

    left: 50%;

    margin-left: -60px;

}





.block {

    display: block;

}

.zmin {

    z-index: 1;

}

.ab {

    position: absolute;

}



.person-text {

    padding: 10px 0 0;

    text-align: center;

    z-index: 2;

}

.person-text a {

    color: #ffcc00;

    display: block;

    font-size: 14px;

    margin-top: 3px;

    text-decoration: underline;

}

.person-text i {

    color: #fff;

    font-family: open sans,Arial,helvetica neue,Helvetica,sans-serif;

    font-size: 13px;

}

.rel {

    position: relative;

}

.latest-product-section {

    padding-top: 50px;

    padding-bottom: 40px;

}



body > #header{position:fixed;}



#header {

    width: 100%;

    position: fixed;

    z-index:9000;

    overflow: auto;

    background: #ffffff;

    text-align: center;

    padding: 10px 0;

    transition: all 0.15s linear;

}



#header.active {

     box-shadow: 0 0 10px rgba(0,0,0,0.4);

}



.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative;background-color: #ffffff;padding-left:0px}

    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }

        .MultiCarousel .MultiCarousel-inner .item { float: left;}

        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:2px; margin:10px; background:#f1f1f1; color:#666;}

    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 10px); }

    .MultiCarousel .leftLst { left:0; }

    .MultiCarousel .rightLst { right:0; }

    

        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; //background:#ccc; }

		

		

		

		/*=====  End of Choices  ======*/

input,

button {

  font-family: 'Poppins', sans-serif;

}



* {

  box-sizing: border-box;

}

.margin-b-20

{

	padding:1px;

	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    border: 0px solid;

    margin: 2px;

}



.s130 {

  //min-height: 100vh;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: center;

      justify-content: center;

  font-family: 'Poppins', sans-serif;

  background: url("../images/Searchs_130.png");

  background-position: bottom right;

  background-repeat: no-repeat;

  background-size: 100%;

  padding: 15px;
  
  padding-top: 40px;

}



.s130 form {

  width: 100%;

  max-width: 650px;

  padding-top: 4vh;

}



.s130 form .inner-form {

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  -ms-flex-pack: justify;

      justify-content: space-between;

  -ms-flex-align: center;

      align-items: center;

  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

  border-radius: 34px;

  overflow: hidden;

  //margin-bottom: 30px;

}



.s130 form .inner-form .input-field {

  height: 55px;

}



.s130 form .inner-form .input-field input {

  height: 100%;

  background: transparent;

  border: 0;

  display: block;

  width: 100%;

  padding: 10px 0;

  font-size: 16px;

  color: #000;

}



.s130 form .inner-form .input-field input.placeholder {

  color: #222;

  font-size: 16px;

}



.s130 form .inner-form .input-field input:-moz-placeholder {

  color: #222;

  font-size: 16px;

}



.s130 form .inner-form .input-field input::-webkit-input-placeholder {

  color: #222;

  font-size: 16px;

}



.s130 form .inner-form .input-field input:hover, .s130 form .inner-form .input-field input:focus {

  box-shadow: none;

  outline: 0;

}



.s130 form .inner-form .input-field.first-wrap {

  -ms-flex-positive: 1;

      flex-grow: 1;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

      align-items: center;

  //background: #d9f1e3;

}



.s130 form .inner-form .input-field.first-wrap input {

  -ms-flex-positive: 1;

      flex-grow: 1;

}



.s130 form .inner-form .input-field.first-wrap .svg-wrapper {

  min-width: 80px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: center;

      justify-content: center;

  -ms-flex-align: center;

      align-items: center;

}



.s130 form .inner-form .input-field.first-wrap svg {

  width: 36px;

  height: 36px;

  fill: #222;

}



.s130 form .inner-form .input-field.second-wrap {

  min-width: 190px;

}



.s130 form .inner-form .input-field.second-wrap .btn-search {

    background: #ee4c7c;

    color: #ffffff !important;

    display: inline-block;

    font-size: 15px;

    font-weight: 500;

    height: 55px;

    line-height: 0.8;

    padding: 18px 30px;

    text-transform: capitalize;

    border-radius: 1px;

    letter-spacing: 0.5px;

    border: 0px !important;

    cursor: pointer;

    width: 190px;

    border-radius: 100px;

  

  

}



.s130 form .inner-form .input-field.second-wrap .btn-search:hover {

    background: #ee4c7c;

    color: #ffffff;

    box-shadow: 0 10px 25px -2px rgba(255, 46, 77, 0.6);

}



.s130 form .inner-form .input-field.second-wrap .btn-search:focus {

  outline: 0;

  box-shadow: none;

}



.s130 form .info {

  font-size: 15px;

  color: #ccc;

  padding-left: 26px;

}



@media screen and (max-width: 992px) {

  .s130 form .inner-form .input-field {

    height: 50px;

  }

}



@media screen and (max-width: 767px) {

  .s130 form .inner-form .input-field.first-wrap .svg-wrapper {

    min-width: 40px;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

        justify-content: center;

    -ms-flex-align: center;

        align-items: center;

    padding: 0 10px;

  }

  .s130 form .inner-form .input-field.first-wrap svg {

    width: 26px;

    height: 26px;

    fill: #222;

  }

  .s130 form .inner-form .input-field.second-wrap {

    min-width: 100px;

  }

  .s130 form .inner-form .input-field.second-wrap .btn-search {

    font-size: 13px;

  }

}



/*# sourceMappingURL=Searchs_130.css.map */

.scroll-top-wrapper {

    position: fixed;

    opacity: 0;

    visibility: hidden;

	overflow: hidden;

	text-align: center;

	z-index: 99999999;

    //background-color: #777777;

	color: #777777;

	width: 50px;

	height: 48px;

	line-height: 48px;

	right: 30px;

	bottom: 30px;

	padding-top: 2px;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.scroll-top-wrapper:hover {

	background-color: #888888;

}

.scroll-top-wrapper.show {

    visibility:visible;

    cursor:pointer;

	opacity: 1.0;

}

.scroll-top-wrapper i.fa {

	line-height: inherit;

}



/*

Free App template for Bootstrap 3

Code snippet by maridlcrmn for Bootsnipp.com

Follow me on Twitter @maridlcrmn

Image credits: unsplash.com

Image placeholders: placemi.com

*/





.mt-100 {

    margin-top: 100px; 

}

.mb-100 {

    margin-bottom: 100px;

}



.icon {

    width: 32px;

    height: 32px;

    text-align: center;

    padding: 7px 8px;

    border: 2px solid;

    border-radius: 50%;

}



.header {

    padding-top: 50px;

    background-color: #eee;

    overflow: hidden;

}

.footer {

    color: #887;

    background-color: #eee;

    padding-top: 30px;

    padding-bottom: 30px;

}



.content {

    position: relative;

    display: table;

    width: 100%;

    min-height: 100vh;

}

.pull-middle {

    display: table-cell;

    vertical-align: middle;

}









.input-group input {

    border: 0;

    box-shadow: none;

    padding-right: 30px;

}

.input-group input:focus,

.input-group input:active {

    outline: 0;

    box-shadow: none;

}

.input-group-btn:last-child>.btn {

    z-index: 2;

    margin-left: -18px;   

    border-radius: 20px;

}



.phone {

    position: relative;

    max-width: 263px;

    margin: 0 auto;

    padding: 65px 15px 55px;

    border: 2px solid #ddd;

    border-radius: 20px;

    background-color: #222;

    box-shadow: 20px 20px 40px #887;

}



#song_title :hover {

  cursor: pointer;

}



#yrelect :hover {

  cursor: pointer;

}



#yearsel :hover {

  cursor: pointer;

}



/* .box
 {
  width:100%;
  max-width: 650px;
  margin:0 auto;
 }*/
 /* scaffolding */
/* ----------- */

/*html {
  overflow-y: scroll;
  *overflow-x: hidden;
}*/
/*
.container {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}*/

/*.tt-menu,
.gist {
  text-align: left;
}*/

/* base styles */
/* ----------- */

/*a {
  color: #03739c;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.table-of-contents li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.table-of-contents li a {
  font-size: 16px;
  color: #999;
}

p + p {
  margin: 30px 0 0 0;
}*/

/* site theme */
/* ---------- */

/*.title {
  margin: 20px 0 0 0;
  font-size: 64px;
}
*/
/*.example {
  padding: 30px 0;
}*/

/*.example-name {
  margin: 20px 0;
  font-size: 32px;
}*/

/*.demo {
  position: relative;
  *z-index: 1;
  margin: 50px 0;
}
*/
.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  /*padding: 8px 12px;*/
  font-size: 24px;
  /*line-height: 30px;*/
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}


.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}
.brdr {
  border: none; 
  width: 550px;
}
@media only screen and (max-width: 661px) {
  .form-control {
  width: 300px !important;
  }
  .tt-menu {
    width: 300px !important;
  }
}
@media only screen and (max-width: 400px) {
  .form-control {
  width: 200px !important;
  }
  .tt-menu {
    width: 200px !important;
  }
}


.tt-menu {
  
  width: 550px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  /*color: #fff;*/
  /*background-color: #0097cf;*/
}

.tt-suggestion.tt-cursor {
  /*color: #fff;*/
  /*background-color: #0097cf;*/

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}

/* example specific styles */
/* ----------------------- */

#custom-templates .empty-message {
  padding: 5px 10px;
 text-align: center;
}

#multiple-datasets .league-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-menu {
  max-height: 150px;
  overflow-y: auto;
}

#rtl-support .tt-menu {
  text-align: right;
}

/* New Changes after Redesign Need to recheck and remove which is not required  */

.height {
  min-height: 300px;
}

.flex {
  box-sizing: border-box;
  display: flex;
}

.flex-columns {  
  display: flex;  
  flex-direction: column;
}

.row {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.trending-songs .image{
    width: 80px;

}
.trending-songs .image img{
    width: 100%;
}

.row.songslist .song .song-item {
    margin: 0 5px 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.row.songslist .song .image img {
    width: 80px;
    height: 80px;
    border-radius: 5px;
}

.row.songslist .song .trending-text-views{
    padding-left: 10px;
    justify-content: space-between;
    width: 100%;
    padding-right: 20px;
}
.row.songslist .song .trending-text-views p{
    margin: 0 0 0;
    font-size: 12px;
    line-height: inherit;
}
.flex-columns .flex:first-child > div{
  margin-top: 0;
}
.flex-columns .flex > div {
  margin-top: 5px
} 
.sponsors .red{
  margin-right: 5px;
}
.product img {
  width: 120px;
  height: 120px;
  border-radius: 5px;
}

.product {
  width: 150px;
  display: inline-block;
}
.product p{
  text-align: center;
  font-size: 15px;
  margin-top: 10px;
}
.row.product-flex {
  flex-wrap: wrap;
  display: flex;
}
.row.frb-flex{
  flex-wrap: wrap;
  display: flex;
}
.frb.frb-default{
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 6px 0 rgba(0, 0, 0, 0.17);
  border-radius: 5px;
}
.decade-section .product-inner {
  border: 1px solid #ccc;
  margin-right: 5px;
  border-radius: 5px 5px 0 0;
}

.decade-section .product-inner a {
  width: 100%;
}

.decade-section .product .product-inner img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}

.decade-section .product-inner p a {
  text-align: left;
  display: block;
  padding-left: 5px;
}

.decade-section .product-inner p a span {
  float: right;
  margin-right: 5px;
}
.row-heading{
  font-size:18px;
  color:#EE4C7C;
  position: relative;
}
.row-heading span.count {
  margin-left: 15px;
  color: #EE4C7C;
}

.row-heading .glyphicon{
  font-size: large;
  margin-left: 20px;
}
.tt-dataset.tt-dataset-sample_data .img-thumbnail {
  width: 60px !important;
  display: block;
  margin: 0 auto;
}
.videoslider.orange  {
  height: 450px;
  overflow: hidden;
  overflow-y: scroll;
}

.videoiframe {
  margin: 5px 0;
  position: relative;
}
.videoiframe:first-child {
  margin: 0px 0 5px 0;
}
.videoiframe:last-child {
  margin: 5px 0 0 0;
}
.movie-details-song img{
  width:auto;
  border:2px solid #777;
  padding: 5px;
  height: 250px;
}
.movie-details-song ul.text-left{
  list-style-type: none;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
}

.views-share-section {
  display: inline-block;
  vertical-align: top;
  line-height: 27px;
  font-weight: 600;
  font-size: 15px;
}

.views {
  display: inline-block;
  line-height: 40px;
}

.likes {
  display: inline-block;
  margin: 0 5px 0 10px;
}

.likes span.like-count {
  margin: 0 5px;
}
.moviedetails .singlesong{
  display: none;
}
.register .form-group .form-control, .login-panel .form-control{
  border-radius: 2px !important;
}
.register .title {
  font-size:18px;
  color:#EE4C7C;
}
.register .message {
  font-size:15px;
  color:#EE4C7C;
}
.login-panel{
  display:flex;
  justify-content: center;
}
.errormessages {
  color: #EE4C7C;
}

.myaccount .menu-links {
  margin-right: 20px;
}

.myaccount .menu-links .list-group-item {
  padding: 10px 0;
  border: none;
}

.myaccount .menu-links .list-group-item p {
  text-align: left;
  text-transform: uppercase;
}

span.glyphicon.glyphicon-heart.liked {
  color: #EE4C7C;
}
.popuplogin{
  width: 50%;
  margin: 0 auto;
  display: none;
  z-index: 99999;
}
.popuplogin .panel.panel-default{
    position: fixed;
    top: 110px;
    z-index: 99999;
    display: none;
}

.popuplogin .panel.panel-default .form-control{
    border-radius: 2px !important;
}
.popuploginbackdrop{
  width: 100%;
  background: #000;
  position: absolute;
  top: 0;
  z-index: 9999;
  opacity: 0.5;
  display: none;
}
.popuplogin.show .panel.panel-default {
  display: block;
}
.popuploginbackdrop.show{
  display: block;;
}
#prefetch{
  border: 1px solid #f7d8c4; 
  border-radius: 5px;
}
.searchhide .s130{
  display: none;
}
.trending-songs .trending-views{
  display: flex;
    width: 30%;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}
.trending-songs .trending-views .like{
  cursor: pointer;
}

.youtube::before{
  background: url("image/youtube_play.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin-left: -21px;
  margin-top: -24px;
  content: ' ';
  z-index: 99;
}
.youtube::after{
  width:20px;
  height:20px;
  background: #fff;
  position: absolute;
  top: 50%;
  left:50%;
  content: ' ';
  margin-top: -10px;
  margin-left: -10px;
}
.youtube:hover::before{
  background: url("image/youtube_play_hover.svg");
}
@media screen and (min-device-width: 620px) and (max-device-width: 767.5px) { 
  .container.one.moviedetails .songlink{
    min-width: 50%;
  }
}
@media (max-width: 767.5px) {
  .popuplogin{
    width: auto;
  }
  .popuplogin .panel.panel-default{
    position: absolute;
  }
  .container.one.moviedetails .songlink, .container.one.moviedetails .songothers {
    float: left;
  }
  .songlink {
    float: left;
  }

  .auto-complete-moviename {
    text-align: center;
  }

.container.one.moviedetails .songothers p {
    line-height: 25px;
    font-size: small;
}
.container.one.moviedetails > .row{
  display: flex;
  flex-direction: column-reverse;
}
    .trending-songs .song .song-item.flex {
        flex-direction: row;
        background: transparent;
        border: 1px solid #ccc;
        
    }
    .trending-text-views.flex{
        flex-direction: column;
        display:block;
    }
    .trending-text-views .trending-text{
      float: left;
    }
    .trending-text-views .trending-views{
      float: right;
    }
    .trending-songs .song-item.flex .image{ 
        margin: 0 auto;
    }
    .frb.frb-default{
      width: 100%;
    }
    .row-heading .glyphicon{
      position: absolute;
      right:0;
      line-height: 32px;
    }
    .sponsors .flex {
      flex-direction: column;
  }
  
  .sponsors .flex .flex-columns.videoslider {
      flex-direction: row;
      width: 100%;
      overflow: hidden;
      overflow-x: scroll;
  }
  .sponsors .flex .flex-columns.videoslider .videoiframe{
      width: 100px;
      height: 100px;
      flex: none;
      margin: 5px 5px;
  }
  
  .sponsors .flex .flex-columns.videoslider .videoiframe:first-child{
      margin: 5px 5px 5px 0;
  }
  .videoslider.orange{
    height: 120px;
  }
  .lead{
    padding: 0 15px;
  }

  .MultiCarousel .MultiCarousel-inner .item > div.pad15 img{
    width: 100%;
    height: 165px;
    max-width: 150px;
  }
  .sponsors .red{
    height: 300px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px){
  .MultiCarousel .MultiCarousel-inner .item > div.pad15 img{
    width: 100%;
    height: 250px;
  }
  .s130{
    padding-top: 10px;
  }
  .moviesong #song_title.frb, .moviedetails #song_title.frb{
    margin-top: 0;
    margin-bottom: 10px;
  }
  .frb-group{
    margin: 0 0 15px;
  }
  .frb.frb-default{
    width: 100%;
    margin-right: 5px;
    display: flex;
    justify-content: space-between;
  }
  .videoslider.orange  {
    flex: 20;
  }
  .sponsors .red  {
    flex:80
  }
}
@media (min-width: 1024px){
  .frb.frb-default{
    width: 48%;
    margin-right: 5px;
    display: flex;
    justify-content: flex-start;
  }
}
@media screen and (min-device-width: 768px) and (max-device-width: 991.5px) { 
  .moviesong #song_title.frb .songlink, .moviedetails #song_title.frb .songlink{
    flex: 70;
  }
  .moviesong #song_title.frb .songothers, .moviedetails #song_title.frb .songothers{
    flex: 30;
  }
  .container.one.moviedetails > .row, .container.one.moviesong > .row{
    display: flex;
    flex-direction: column-reverse;
  }
  .navbar-nav{
    margin-top: -20px;
  }
  #header .container{
    display: flex;
  }
  .container.login .login-panel, .container.register .login-panel{
    margin-top: 50px;
  }
}