@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 100;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10px;
}
h3,
h4,
h5 {
  margin-top: 5px;
  font-weight: 600;
}
ul,li{ margin: 0px; padding: 0px;}

svg {
    fill: currentcolor;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.follow_btn {
     margin: 10px 5px !important;
    outline: 0 none;
    padding: 7px 18px !important;
    background-color: rgba(46, 189, 89, 1);
    border: 2px solid rgba(46, 189, 89, 1);
    border-radius: 36px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    display: inline-block;
    flex: 1 1 0;
    font-size: 0.9em;
    font-weight: 500;
   width: 40%;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}
.follow_btn:hover {
    background-color: rgba(79, 140, 176, 1);
    border-color: rgba(79, 140, 176, 1);
}
a {
    color: currentcolor;
    text-decoration: none;
}
body {
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   background-color: rgba(242, 242, 242, 1);
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;
}
html,
body {
  height: 100%;
}

.play_btn {
    background-color: rgba(37, 37, 37, 1);
    border: 2px solid rgba(37, 37, 37, 1);
    border-radius: 36px;
    color: rgba(204, 204, 204, 1);
    cursor: pointer;
    flex: 1 1 0;
    width: 40%;
    font-size: 0.9em;
    font-weight: 500;
    margin: 10px 5px;
    outline: 0 none;
    padding: 7px 18px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
}
.play_btn:hover {
    color: rgba(255, 255, 255, 1);
}

.playlists{ position: relative; text-align: left;}
.playlist{ width: 100%; max-width: 300px; position: relative; border: 1px solid rgba(242, 242, 242, 1); background: #ffffff; position: relative; display: inline-block; vertical-align: top; margin: 0px auto 20px auto;}
.play_cover_img{ width: 100%; display: block; position: relative;}
.playlist_mid{ width: 100%;  position: relative; border: 1px solid rgba(242, 242, 242, 1); background: #ffffff; position: relative; display: inline-block; vertical-align: top; margin: 0px auto 20px auto;}
.playlist_mid .play_cover_img{ width: 100%; display: block; position: relative; height: inherit; margin: 0px auto 0px auto;}
h4.playlist_ttl{font-size: 1em;
    font-weight: 700;
    margin: 6px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;}

h4.playlist_ttl a{ color: inherit;}

    .gear_config{ font-size: 12px; line-height: 20px; color: rgba(46, 189, 89, 1) }
    .gear_config:hover{rgba(79, 140, 176, 1)  }
   
.gear_config i{ font-size: 18px; line-height: 20px; display: inline-block; vertical-align: middle; position: relative; }
.gear_config span{ display: inline-block; vertical-align: middle; position: relative; }

 .follow_big {
    background-color: rgba(46, 189, 89, 1);
    border: 2px solid rgba(46, 189, 89, 1);
    border-radius: 36px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin: 10px auto 10px auto;
    position: relative;
    outline: 0 none;
    padding: 7px 0;
    text-transform: uppercase;
    width: 90%;
}
.follow_big:hover {
    background-color: rgba(79, 140, 176, 1);
    border-color: rgba(79, 140, 176, 1);
}

 .follow_mid {
    background-color: rgba(46, 189, 89, 1);
    border: 2px solid rgba(46, 189, 89, 1);
    border-radius: 36px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    margin: 10px 5px 10px 5px;
    position: relative;
    outline: 0 none;
    padding: 7px 0;
    text-transform: uppercase;
    width: 43%;
}
.follow_mid:hover {
    background-color: rgba(79, 140, 176, 1);
    border-color: rgba(79, 140, 176, 1);
}

.btn_blue{   background-color: rgba(255,255,255, 1);
    border: 2px solid #5ea3cc; color: #5ea3cc }

.btn_blue:hover{  background-color: #5ea3cc; color: #ffffff}
.btn_green{   background-color: rgba(255,255,255, 1);
    border: 2px solid rgba(46, 189, 89, 1); color: rgba(46, 189, 89, 1) }

.btn_green:hover{  background-color:rgba(46, 189, 89, 1); color: #ffffff;  border: 2px solid rgba(46, 189, 89, 1);}

.top-right .follow_big { margin: 0px auto 0px auto; }

    .play_big {
    background-color: rgba(37,37,37,1);
    border: 2px solid rgba(37,37,37,1);
    border-radius: 36px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin: 10px auto 10px auto;
    position: relative;
    outline: 0 none;
    padding: 7px 0;
    text-transform: uppercase;
    width: 90%;
}
.play_big:hover {
    background-color: rgba(87, 87, 87, 1);
    border-color: rgba(87, 87, 87, 1);
}
 .play_mid {
    background-color: rgba(37,37,37,1);
    border: 2px solid rgba(37,37,37,1);
    border-radius: 36px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
   margin: 10px 5px 10px 5px;
    position: relative;
    outline: 0 none;
    padding: 7px 0;
    text-transform: uppercase;
    width: 43%;
}
.play_mid:hover {
    background-color: rgba(87, 87, 87, 1);
    border-color: rgba(87, 87, 87, 1);
}
.fb_mid {
    background-color: rgba(59,89,152,1);
    border: 2px solid rgba(59,89,152,1);
    border-radius: 36px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
   margin: 10px 5px 10px 5px;
    position: relative;
    outline: 0 none;
    padding: 7px 0;
    text-transform: uppercase;
    width: 43%;
}
.fb_mid:hover {
    background-color: rgba(87, 87, 87, 1);
    border-color: rgba(87, 87, 87, 1);
}
.tw_mid {
    background-color: rgba(44,169,225,1);
    border: 2px solid rgba(44,169,225,1);
    border-radius: 36px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
   margin: 10px 5px 10px 5px;
    position: relative;
    outline: 0 none;
    padding: 7px 0;
    text-transform: uppercase;
    width: 43%;
}
.tw_mid:hover {
    background-color: rgba(87, 87, 87, 1);
    border-color: rgba(87, 87, 87, 1);
}
.playlist hr{ border-bottom: 1px solid rgba(242, 242, 242, 1); background: transparent; color: #ffffff; position: relative;
    height: 0; margin: 0px; padding: 0px; border-top:0px;}
    .playlist_mid hr{ border-bottom: 1px solid rgba(242, 242, 242, 1); background: transparent; color: #ffffff; position: relative;
    height: 0; margin: 0px; padding: 0px; border-top:0px;}

.followers {
    border-right: 1px solid rgba(242, 242, 242, 1);
    display: inline-block;
    overflow: hidden;
    padding: 8px 6px;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 48%;
}
    .popularity {
    display: inline-block;
    padding: 8px 6px;
    text-align: center;
    vertical-align: top;
    width: 48%;
}

.lftcol {
    border-right: 1px solid rgba(242, 242, 242, 1);
    display: inline-block;
    overflow: hidden;
    padding: 8px 6px;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 48%;
}
    .rghcol {
    display: inline-block;
    padding: 8px 6px;
    text-align: center;
    vertical-align: top;
    width: 48%;
}
.rghcol .wid_label{ text-transform: uppercase; }

.icons_bar{
     display: inline-block;
    padding: 8px 6px;
    text-align: center;
    vertical-align: top;
    width: 48%;
}
.icons_bar ul{ list-style: none; margin: 0px; height: 0px }
.icons_bar ul li{ list-style: none; margin: 0px 3px 0px 3px; width: 24px; height: 24px; line-height: 24px; font-size: 22px; color: #cccccc; display: inline-block; vertical-align: middle; }
.followersValue {
    display: block;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.followersLabel {
    display: block;
    font-size: 0.72em;
    line-height: 1.2em;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.smcolValue {
    display: block;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.6em;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.smcolLabel {
    display: block;
    font-size: 0.72em;
    line-height: 1.2em;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.sweep_icons{ position: relative;  }
.sweep_icons a{ display: inline-block; vertical-align: middle; margin: 0px 3px 0px 3px; position: relative; font-size: 1.5em; line-height: 1.4em; top:-10px; height: 22px; }
.sweep_icons a .fa-facebook-square{ color: #3b5998 }
.sweep_icons a .fa-twitter-square{ color: #2ca9e1 }
.ProgressBar {
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 10px;
    height: 15px;
    margin: 0;
    padding: 2px;
    width: 100%;
}
.ProgressBar-fill {
    background-color: rgba(204, 204, 204, 1);
    border-radius: 10px;
    height: 100%;
    min-width: 10px;
}

.carousel_item {
    background-position: center center;
    background-size: cover;
    display: block;
    height: 300px;
    width: 100%;
}
ul.slider-list{ list-style: none; margin: 0px; padding: 0px;}

.top_bar{background-color: rgba(37, 37, 37, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    height: 70px;
    overflow: visible;
    position: fixed;
    text-transform: uppercase;
    width: 100%;
    z-index: 9;}
    header{ position: relative; height: 70px; width: 100%; z-index: 101;}
    
    .sectHead{flex-direction: row;
    margin: 10px auto 20px;
    max-width: 1160px;
    align-items: center;
    border-bottom: 1px solid rgba(150, 150, 150, 1);
    display: flex;
   
    padding: 0 0 10px;
    text-align: left;
    width: 100%;}
   
    .sectHeading {
    display: flex;
    flex: 1 1 0;
    flex-direction: row;
    font-size: 1.3em;
    font-style: italic;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: bottom;
    white-space: nowrap;
    padding-top: 10px
    }
     .headline { display: inline; font-style: normal; font-weight: normal;font-size: 1.8em;}
     .subheadline {
    display: inline;
    font-style: italic;
    font-weight: normal;
    line-height: 1.4;
    margin-left: 8px;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}
.playlist-grid{list-style: outside none none;}
.playlist-grid li{list-style: outside none none;}
.odd{background-color: rgba(255, 255, 255, 1);}
.even{background-color: rgba(255, 255, 255, 0);}
.playlist-item{ border-radius: 2px;
    margin-bottom: 4.5px;
    padding: 6px;
    text-overflow: ellipsis;
    white-space: nowrap; vertical-align: middle;
    width: 100%;}

    .playlist-cover{float: left;
    height: 65px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 65px;}
    .playlist-cover img{ width: 65px; position: relative;}
    .playlist-title{font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.playlist-link {
    overflow: hidden;
}

.footer-legal { color: rgba(104, 104, 104, 1); font-size: 14px; text-align: right;  position: relative;}
.footer-legal span{display:  inline-block;vertical-align: middle;}
.footer-legal a{ display: inline-block; vertical-align: middle; margin: 0px 0px 0px 10px;text-decoration: underline;}
footer{ margin: 50px 0px 0px 0px;width: 100%; position: relative; background: #ffffff}
.playlist_txt{  position: relative;   -moz-box-orient: vertical;
    color: rgba(150, 150, 150, 1);
    display: -webkit-box;
    font-size: 0.84em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 6px;
    overflow: hidden;
    text-align: center;
    white-space: normal; max-height: 50px}


.nav_link {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(104, 104, 104, 1);
    border-image: none;

    border-style: solid;
    
    color: rgba(255, 255, 255, 1);
    display: inline-block;
    max-width: 230px;
    padding: 26.5px 15px;
    border-width: 0 1px 0 0;
    display: block;
    float: left;
}
.nav_link:hover{ text-decoration: none;     color: rgba(204, 204, 204, 1);}
.nav_link.first{border-width: 0 1px;}
.logo{ position: relative; display: block;  margin: 0px 10px 0px 0px; padding: 3px 0px 0px 0px; float: left;}

.carousel{ width: 100%; height: 300px}

.banner {
    width: 100%;
    height: 300px;
    position: absolute;
    top: -20px;
    left: 0
}

.inner_banner {
    width: 100%;
    height: 300px;
    position: absolute;
    top: -20px;
    left: 0
}

.carousel .item {
    width: 100%;
    width: 100%;
    height: 300px;
    position: absolute;
    top: -20px;
    left: 0;
    display: inherit;
    margin: 0
}

.carousel-fade .item {
    opacity: 1
}

.carousel-fade .item {
    -moz-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    -webkit-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
    left: 0 !important;
    opacity: 0;
    position: absolute;
    width: 100%;
    top: -20px;
    height: 448px;
    display: inherit;
    z-index: 1
}

.carousel-fade .item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    -webkit-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
    z-index: 2
}

.carousel-control {
    position: absolute;
    top: 150px;
    left: 0;
    z-index: 100;
    background-image: none;
    cursor: pointer
}

.carousel-control.left {
    left: 0;
    text-align: left;
    font-size: 60px;
    margin: 0 0 0 10px;
    color: rgba(220, 0, 0, 1);
    background-image: none;
    width: 70px
}

.carousel-control.right {
    right: 0;
    text-align: right;
    font-size: 60px;
    margin: 0 10px 0 0;
    color: rgba(220, 0, 0, 1);
    background-image: none;
    width: 70px
}

.indicators {
    position: absolute;
    top: 80px;
    left: 0;
    text-align: center;
    width: 100%
}

.carousel-indicators ol {
    display: inline-block;
    text-align: center;
    margin: 0;
    left: 0;
    width: inherit
}

.carousel-indicators ol li {
    display: inline-block;
    text-align: center
}

.carousel-indicators li {
    background-color: rgba(46, 189, 89, 0);
    border: 1px solid rgba(46, 189, 89, 1);
    border-radius: 16px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 1px;
    text-indent: -999px;
    width: 16px
}

.carousel-indicators .active {
    background-color: rgba(46, 189, 89, 1);
    height: 18px;
    margin: 0;
    width: 18px
}
.desk{ display: block; }
    .mob{ display: none; }
    .playlist_big iframe{ width: 100%; height: 100%; position: relative; display: block; }
    .playlist_big { background: #ffffff; width: 100%; height: 666px; position: relative; margin:1px 0px 0px 0px; }
    .gallery{ position: relative; }
    .gallery ul{ position: relative; margin: 0px; padding: 0px; list-style: none; }
    .gallery ul li{ position: relative; margin: 0px; padding: 0px; list-style: none; float: left; width: 18%; height: inherit; margin: 1%; background: #ffffff; }
    .gallery ul li .playlist_artwork{ display: block; width: 100%; height: inherit; position: relative; }

.gallery .overlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 5px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 1;
    color: #ffffff;
}
.gallery li .release_cover:hover .overlay {
    opacity: 1;
}
.playlist_cover,.playlist_cover_static{ position: relative;  transition: all 0.2s ease 0s;}
.playlist_cover .co_overlay, .playlist_cover_static .co_overlay{ opacity: 0; position: absolute; top:0px; left: 0px; width: 100%; display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; transition: all 0.2s ease 0s; font-size: 1.2em; color: #ffffff}
.playlist_cover:hover .co_overlay{ opacity: 1 }
.playlist_cover_static:hover .co_overlay{ opacity: 1 }
.playlist_cover .play_cover_img{transition: all 0.2s ease 0s;}
.playlist_cover_static .play_cover_img{transition: all 0.2s ease 0s;}
.wid_value{ font-weight: 700 }
.playlist_cover:hover .play_cover_img{  -webkit-filter:blur(2px);filter: blur(2px); }
.playlist_cover_static:hover .play_cover_img{  }

.info_bar{ position: relative; margin:0px; padding: 0px; }




.time_tracks{ 
    align-items: center;
    display: flex;
    justify-content: space-around;
    position: relative;
    width: 100%;
    z-index: 1; }

.co_row{   display: flex;
    flex: 1 1 0;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;}

.vc{align-items: center;}

.PlaylistCoverOverlay-widgetLabel {
    font-size: 0.8em;
}
.soc_circle{border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 20px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    font-size: 15px;
    height: 33px; width: 33px; line-height: 31px;
  text-align:center; display: inline-block; vertical-align: middle; margin: 0px 4px 0px 4px}
.cbtn {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 20px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    font-size: 0.8em;
    height: 33px;
    padding: 5px 20px;
    text-transform: uppercase;
     margin: 0px 4px 0px 4px
}
.cbtn:hover {
    border-color: rgba(204, 204, 204, 1);
    color: rgba(204, 204, 204, 1);
}

.release_cover{ position: relative; }
.gallery .overlay .icon-play {
    fill: #fff;
    height: 80px;
    left: 50%;
    margin: -40px 0 0 -40px;
    position: absolute;
    top: 50%;
    width: 80px;
}
.playlist-link{ position: relative; }
.playlist-link .overlay .icon-play {
    fill: #fff;
    height: 20px;
    left: 50%;
    margin: -10px 0 0 -10px;
    position: absolute;
    top: 50%;
    width: 20px;
}
.playlist-link .overlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 5px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 1;
    color: #ffffff;
}
.playlist-link:hover .overlay{ opacity: 1 }

.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}
.popularityLabel {
    display: block;
    font-size: 0.62em;
    line-height: 1.2em;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.top-right{ position: absolute; top:5px; right: 5px; text-align: right; }
.top-right ul.top_menu{ list-style: none; position: relative; display: inline-block; vertical-align: middle; list-style: none; margin: 0px; padding: 0px;  }
.top-right ul.top_menu li{ position: relative; display: inline-block; vertical-align: middle; margin: 10px 0px 10px 10px; padding: 0px; }
.top-right ul.top_menu li a:active{ text-decoration: none !important; }
.top-right ul.top_menu li a:hover{ text-decoration: none !important; }
.top-right ul.top_menu li a:focus{ text-decoration: none !important; }
.follow_big i{ font-size: 130%; display: inline-block; vertical-align: middle; }
.follow_big span{ display: inline-block; vertical-align: middle; }
.top-right .follow_big{ width: 180px; }
nav{ position: relative; }
.tmp{ margin-top: 18px !important; }


.button_b {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(150, 150, 150, 1);
    border-radius: 2px;
    color: rgba(104, 104, 104, 1);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    margin-left: 4px;
    outline: 0 none;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 20;
}
section.content{ position: relative; z-index: 100 }
.isactive {
    background-color: rgba(37, 37, 37, 1);
    border-color: transparent;
    color: rgba(204, 204, 204, 1);
}
.button_b:hover {
    background-color: rgba(37, 37, 37, 1);
    border-color: transparent;
    color: rgba(204, 204, 204, 1);
}
.release_name{font-size: 1.1em;
    font-weight: 700;
    text-align: center;
    white-space: nowrap; text-overflow: ellipsis; position: relative; width: 100%;  overflow: hidden; }
    .release_artist{font-size:1em;
    font-weight: 400;
    text-align: center;
    white-space: nowrap; text-overflow: ellipsis; position: relative; width: 100%;  overflow: hidden; }

    .release_info{ width: 95%; margin: 0px auto 0px auto; padding: 8px 0px 8px 0px; text-align: center; height: 45px; }

.text-center{ text-align: center !important }
.text-right{ text-align: right !important }
.text-left{ text-align: left !important }

.formBlock{ font-size: 16px; line-height: 1.3em }

.textBlock{ font-size: 16px; line-height: 1.3em }
.textBlock p{margin: 1em 0;}

.inf{ position: relative; width: 100%; margin: 10px auto 0px auto; }
.inf_label{ font-size: 18px; line-height: 22px;  }
.inf_input{ position: relative;  }
.inf_input input{ text-indent: 10px; position: relative; display: block; width: 100%; height: 30px; border:1px solid #676a6c; font-size: 16px; line-height:30px; vertical-align: middle; color: #676a6c }
.inf_input select{ position: relative; display: block; width: 100%; height: 30px; border:1px solid #676a6c; font-size: 16px; line-height:30px; vertical-align: middle; color: #676a6c  }
.inf_input .cbtn{ color: #676a6c; border: 1px solid #676a6c; width: 100% }
.con_container{ position: relative;display: block; flex: 1 0 auto; }
.outer{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.footer_soc{ position: relative; font-size: 30px; line-height: 32px; color: rgba(104, 104, 104, 1);
   
    position: relative;  }
.footer_soc a{ display: inline-block; vertical-align: middle; margin:  0px 8px 0px 0px }
footer{ padding: 20px 0px 20px 0px; }

.footer_left{display: inline-block; vertical-align: middle; text-align: left; width: 40%;}
.footer_right{ display: inline-block; vertical-align: middle; text-align: right; width: 59%; }
.hand {cursor: pointer; cursor: hand;}
.sm .soc_circle{ border: 0px; }
.btn_fix_1 {vertical-align: bottom;font-size: 18px}
.icons_bar{ overflow: hidden; min-height:33px; }
.playlist_tags{ position: relative; margin: 15px 0px 0px 0px; font-size: 14px; line-height: 18px; }

.nav_sel{ background: rgba(46, 189, 89, 1) }
.lsn{ width: 100%; bottom: 7px; position: absolute; z-index: 10; left: 0px; text-align: center; }

.tr_triangle{ border-left: 40px solid transparent;
    border-right: 40px solid red;
    border-bottom: 40px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    right: 0px;
    z-index: 2; color: #ffffff;}
    .tr_triangle span{ color: #ffffff;
    display: block;
    position: relative;
    right: 0;
    text-align: right;
    top: 2px;
    width: 35px;  }

    .tpg_bar{ color: #ffffff;font-size: 20px; line-height: 22px; padding: 5px; text-transform: uppercase; background:#00c750;  text-align: center; z-index: 10; position: relative;}
    .tpg_bar span{ display: inline-block; vertical-align: middle; font-weight: 700; margin: 0px 0px 0px 5px; font-size: 17px; line-height: 20px }
    .tpg_bar i{ display: inline-block; vertical-align: middle;  position: relative; line-height: 20px;}

    .dropdown-menu {font-size:13px !important;min-width: 120px !important}
    #ham {cursor: pointer; cursor: hand;}

 @media handheld, only screen and (max-width: 800px) {
    .mob{ display: block; }
    .desk{ display: none; }
    .mob_ham{ color: #ffffff; font-size: 30px; line-height: 35px; padding: 5px 0px 8px 0px; }
    .mob_logo{ position: relative; height: 30px; padding: 8px 0px 10px 0px }
    .mob_logo img{ height: 30px !important; width: auto !important}
    .top_bar{ height: inherit !important; }
     header{ height: auto !important; }
     .indicators { top:120px; }
     .gallery ul li{ width: 23%; margin: 1% }
     .gallery ul { width: 95%; margin: 0px auto 0px auto; position: relative; }
     .footer_left{ width: 100%; text-align: center; float: none; display: block; position: relative; }
     .footer_right{ width: 100%; text-align: center; float: none; display: block; position: relative; }
     .footer-legal{ text-align: center; }
    header{ padding-bottom: 68px; }
     .inner{ width: 95%; }
     footer .container{ width: 90% }
 }

 @media handheld, only screen and (max-width: 600px) {

    .gallery ul li{ width: 31%; margin: 1% }



 }

 @media handheld, only screen and (max-width: 550px)
 {
    .icons_bar{ width: 100%; border: 0px; display: block; height: 44px }
    .followers{ width: 100%; border: 0px; display: block; }
    .popularity{ width: 100%; border: 0px; display: block; }
    .soc_circle{ border:0px; }
    .headline i.fa{ display: none; }
    .sectHeading{ display: block; }
    .sectHeading .headline{ display: block; width: 100%; white-space: normal; font-size: 18px; line-height: 22px; }
    .sectHeading .subheadline{ display: block; width: 100%; white-space: normal;}
 }

 @media handheld, only screen and (max-width: 500px) {

    .gallery ul li{ width: 48%; margin: 1% }
    .odesk{ display: none; }



 }